JavaScript
-
Object (객체)JavaScript 2022. 5. 24. 17:21
Object (객체) Object(객체) 란? key, value 쌍을 가지는 구조이다. ⇒ object = { key: value } key와 value 한 쌍을 속성 (property) 라고 한다. value 에 문자, 숫자, 배열, 객체, 함수를 할당할 수 있다. Object 생성방법 // 1. object literal syntax const obj1 = {} // 2. object constructor syntax const obj2 = new Object() // Ex const hizini = { name: 'Hizini', job: 'developer' } Object 데이터 접근방법 const hizini = { name: 'Hizini', job: 'developer' } console..
-
스택(Stack) 구현하기JavaScript 2022. 5. 19. 19:18
스택(Stack) 이란? 스택은 자료구조형에 속한다. 먼저 들어간 자료가 나중에 나오는 후입선출 자료구조로, LIFO(Last In First Out)라고도 부른다. 데이터를 입력하는 push()와 데이터를 제거하는 pop() 등의 작업을 할 수 있다. ctrl+Z로 이전 작업을 취소하는 동작 등에서 사용된다. Stack의 멤버변수 c언어로 스택을 구현할 때는 구조체(struct)를 사용하면 되지만, 자바스크립트에서는 구조체가 없어 class로 새로운 객체를 만들어 사용해 보자! size : 해당 스택의 max_size top : 해당 스택의 데이터 높이 array : 데이터를 담을 배열 constructor(size){ this.size = size this.top = 0 this.array = [] ..
-
String MethodJavaScript 2022. 5. 13. 17:28
String Method String.indexOf() / String.lastIndexOf() String.indexOf(): String 객체에서 주어진 값과 일치하는 첫 번째 인덱스를 반환한다. String.lastIndexOf(): String 객체에서 주어진 값과 일치하는 마지막 인덱스를 반환한다. 일치하는 값이 없으면 -1을 반환한다. 문자열을 찾을 때 대소문자를 구분한다. 첫 번째 인자: 찾으려는 문자열(주어지지 않으면 “undefined”를 찾음) 두 번째 인자: 문자열에서 찾기 시작하는 위치를 나타내는 인덱스 값 (생략가능) // 구문 str.indexOf(searchValue[, fromIndex]) const str = "abcDEFabc" str.indexOf('abc') // 0 ..
-
제어문 (조건문, 반복문, 분기문)JavaScript 2022. 5. 13. 17:15
제어문 (조건문, 반복문, 분기문) 제어문 제어문은 프로그램의 흐름을 제어할 수 있도록 도와주는 실행문을 말한다. 제어문은 조건문, 반복문, 분기문으로 나뉜다. 조건문 조건문 혹은 선택문이라고 한다. 조건식같은 분기로 나누어 결과에 따라 다른 코드를 실행할 수 있게 해주는 구문이다. if문, if else문, switch문 등이 있다. 조건문이란? 프로그램 내에서 주어진 표현식의 결과에 따라 별도의 명령을 수행하도록 제어하는 실행문이다. 특정 조건 만족 시 실행하는 명령의 집합이다. if...else 문 if (조건식) { // statment1 } else if (조건식) { // statment2 } else { //statment3 } if 안에 있는 조건식이 참인 경우 해당하는 if 문, else..
-
논리 연산자JavaScript 2022. 2. 21. 18:11
논리 연산자 논리 연산자란? 논리식을 판단하여 참(true), 거짓(false)를 반환한다. 자바스크립트엔 세 종류의 논리 연산자 ||(OR), &&(AND), !(NOT)이 있다. || (OR) alert( true || true ) // true alert( false || true ) // true alert( true || false ) // true alert( false || false ) // false 인수 중 하나라도 true이면 true를 반환하고, 그렇지 않으면 false를 반환한다. 왼쪽에서 오른쪽으로 연산한다. && (AND) alert( true && true ); // true alert( false && true ); // false alert( true && false );..
-
Template literalsJavaScript 2022. 2. 21. 18:07
Template literals 템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴이다. 표현식/문자열 삽입, 여러줄의 문자열, 문자열 형식화, 문자열 태깅 등 다양한 기능을 제공한다. 런타임 시점에서 일반 자바스크립트 문자열로 처리/변환된다. Syntax `string text` `string text line 1 string text line 2` // "string text line 1\\n" + "string text line 2"와 같음 `string text ${expression} string text` tag `string text ${expression} string text` 템플릿 리터럴은 '' 나 "" 대신 **백틱(``)**을 사용한다. ${}를 사용하여 표현식을 표기할 수 있..
-
데이터 타입JavaScript 2022. 2. 14. 14:14
데이터 타입 타입(data type)이란 프로그램에서 다룰 수 있는 값의 종류를 의미한다. 자바스크립트에서는 여러 가지 형태의 타입을 미리 정의하여 기본 타입으로 제공하고 있다. 자바스크립트의 기본 타입은 크게 원시 타입과 객체 타입으로 구분할 수 있다. 원시 타입 숫자(number) 자바스크립트는 다른 언어와 달리 정수와 실수를 따로 구분하지 않고 모든 수를 실수로 표현하며, 매우 큰 수나 작은 수를 표현할 경우 e 표기법을 사용할 수 있다. let firstNum = 10 // 소수점을 사용하지 않은 표현 let secondNum = 10.00 // 소수점을 사용한 표현 let thirdNum = 10e6 // 10000000 let fourthNum = 10e-6 // 0.00001 1. 숫자를 변..
-
var, let, const 차이JavaScript 2022. 2. 14. 10:27
var, let, const 차이 var (변수 재선언 가능) var variable = '변수선언' console.log(variable) // 변수선언 var variable = '변수선언2' console.log(variable) // 변수선언2 변수 선언을 여러번해도 에러없이 출력되어 이를 보완하기 위해 ES6부터 let, const 개념 추가되었다. console.log(variable) // undefined var variable = '변수선언' 호이스팅 (끌어올린다 라는 의미로 변수와 함수를 소스의 맨 위치로 이동하는 것)이 가능하다. let (변수 재선언 불가능, 변수 수정 가능) let variable = '변수선언' console.log(variable) // 변수선언 let vari..