728x90
[기본 개념] 정규 표현식1> 정규 표현식 구성2> 정규식 메서드3> 정규식 플래그4> 정규식 기호모음5> 정규식 그룹화6> 정규 표현식 테스트 사이트 1 정규 표현식 구성 슬래쉬 문자 두 개 사이로 정규식 기호가 들어가는 형태이다. 2 정규식 메서드메서드설명("문자열").match(/정규표현식/플래그)"문자열"에서 "정규표현식"에 매칭되는 항목들을 배열로 반환("문자열").replace(/정규표현식/, "대체문자열")"정규표현식"에 매칭되는 항목을 "대체문자열"로 변환("문자열").split(정규표현식)"문자열"을 "정규표현식"에 매칭되는 항목으로 쪼개어 배열로 반환(정규표현식).test("문자열")"문자열"이 "정규표현식"과 매칭되면 true, 아니면 false 반환(정규표현식).exec("문자열")..
[마스터 개념] 9 | 클로져, this1 variable 변수2 operator 연산자3 function 함수4 object 객체5 class 클래스7 built-in 빌트인 객체8 array 배열9 iterator 이터러블10 map11 more-operators 유용한 연산자들12 module 모듈13 promise 프로미스14 scope 스코프15 prototype 프로토타입16> closure 클로져17> this 15 closure 클로져클로져 내부 함수가 외부 함수의 변수를 기억하게 한다. 즉, 외부 함수가 호출되어 실행된 후에도 내부 함수는 외부 함수의 변수에 접근할 수 있다. 외부에서는 그 변수를 직접 접근할 수 없도록 만들어 준다.> 변수를 보호, 상태의 캡슐화 function oute..
[마스터 개념] 8 | 스코프, 프로토타입1 variable 변수2 operator 연산자3 function 함수4 object 객체5 class 클래스7 built-in 빌트인 객체8 array 배열9 iterator 이터러블10 map11 more-operators 유용한 연산자들12 module 모듈13 promise 프로미스14> scope 스코프15> prototype 프로토타입16 closure 클로져17 this 14 scope 스코프 코드 블럭 : { }, if( ) { }, for( ) { }, function( ) { } 스코프가 존재하는 이유는 이름 충돌 방지, 메모리 절약 때문이다. 블럭 외부에서 블럭 내부의 변수를 참조할 수 없다. 블럭이 끝나면 자동으로 garbage co..
[마스터 개념] 7 | 프로미스1 variable 변수2 operator 연산자3 function 함수4 object 객체5 class 클래스7 built-in 빌트인 객체8 array 배열9 iterator 이터러블10 map11 more-operators 유용한 연산자들12 module 모듈13> promise 프로미스14 scope 스코프15 prototype 프로토타입16 closure 클로져17 this 13 promise 프로미스callstack 자바스크립트는 동기적으로 수행된다. 따라서 무겁고 오래 걸리는 작업을 수행하기에는 적합하지 않다. 동기적 : 직렬, 작업이 종료될 때까지 기다린 후 다음 작업을 수행하는 방식 비동기적 : 병렬, 다른 작업을 하고 있다가, 요청했던 작업이 종료되면 ..
[마스터 개념] 6 | 모듈1 variable 변수2 operator 연산자3 function 함수4 object 객체5 class 클래스7 built-in 빌트인 객체8 array 배열9 iterator 이터러블10 map11 more-operators 유용한 연산자들12> module 모듈13 promise 프로미스14 scope 스코프15 prototype 프로토타입16 closure 클로져17 this 12 module 모듈Comments 주석 // TODO (대상) : 해야 할 일 작성 이런 식으로 한 줄짜리 주석을 작성할 때 쓴다. /*** 코드 자체를 설명 X, WHY 와 HOW 를 설명하는 것 (정말 필요한 경우만 사용)*/ /** * 주어진 두 인자를 더한 값을 반환함 * @param {..
[마스터 개념] 5 | map, 유용한 연산자들1 variable 변수2 operator 연산자3 function 함수4 object 객체5 class 클래스7 built-in 빌트인 객체8 array 배열9 iterator 이터러블10> map11> more-operators 유용한 연산자들12 module 모듈13 promise 프로미스14 scope 스코프15 prototype 프로토타입16 closure 클로져17 this 10 mapSet 중복 X, 집합체이다. // 생성const set = new Set([1, 2, 3]);console.log(set); // Set(3) { 1, 2, 3 }// 사이즈 확인console.log(set.size); // 3// 존재하는지 확인conso..
[마스터 개념] 4 | 이터러블1 variable 변수2 operator 연산자3 function 함수4 object 객체5 class 클래스7 built-in 빌트인 객체8 array 배열9> iterator 이터러블10 map11 more-operators 유용한 연산자들12 module 모듈13 promise 프로미스14 scope 스코프15 prototype 프로토타입16 closure 클로져17 this 9 iterator 이터러블[Symbol.iterator]( ) : Iterator{ next( ) : {value, done}}; Iterable 은 순회가 가능하다. Iterable 은 객체가 [Symbol.iterator]( )를 가지고 있어야 하며, 호출했을 때 Iterator 를 반환..
[마스터 개념] 3 | 배열1 variable 변수2 operator 연산자3 function 함수4 object 객체5 class 클래스7 built-in 빌트인 객체8> array 배열9 iterator 이터러블10 map11 more-operators 유용한 연산자들12 module 모듈13 promise 프로미스14 scope 스코프15 prototype 프로토타입16 closure 클로져17 this 8 array 배열 일반적인 배열은 동일한 메모리 크기, 연속적, 자바스크립트의 배열은 동일한 메모리 크기를 가지지 않고, 연속적으로 이어져 있지 않다. 오브젝트와 유사하며 일반적인 배열의 동작을 흉내 낸 특수한 객체이다. 자바스크립트 배열은 다른 타입의 데이터를 넣을 수 있으므로 타입이 정해져..