JavaScript의 모든것
1.#1 - 호이스팅 (Hoisting)
호이스팅은 코드가 실행하기 전 변수선언/함수선언이 해당 스코프의 최상단으로 끌어 올려진 것 같은 현상을 말한다.
2.#2 - 클로저 (Closure)
클로저는 함수와 함수가 선언된 어휘적(Lexical) 환경의 조합이며, 내부함수가 외부함수의 맥락(context)에 접근할 수 있는 것을 가르킨다.
3.#3 - this
Javascript에서 this는 '누가 나를 불렀느냐'를 뜻한다고 합니다.Javascript에서 this는 호출에 따라 가르키는 것이 달라짐을 의미합니다.
4.#4 - 자바스크립트의 변수
var로 선언된 변수는 선언된 위치에 따라 함수 범위 또는 전역 범위를 갖습니다. 또한 범위의 맨 위로 호이스팅되므로 선언되기 전에 액세스할 수 있습니다.
5.#5 - Promise
자바스크립트에서 비동기 동작을 다루기 위한 패턴으로, 비동기 요청을 보내면 성공 또는 실패가 다양한 형태로 발생한다.
6.#6 - async/await
지난 포스트 내용에 이어서 async/await는 promise와 동일하게 비동기 코드를 동기처럼 보이도록 하고 작동한다.
7.#7 - Prototype
자바스크립트를 사용하는 사람 모두 들어봤을 것이다. Prototype.설명해보라고 하면 조금 애매해지기에 명확히 짚어보고 넘어가자.
8.#8 - Event Loop
JavaScript의 런타임 모델은 코드의 실행, 이벤트의 수집과 처리, 큐에 대기 중인 하위 작업을 처리하는 이벤트 루프에 기반하고 있습니다.
9.#9 - Call, Apply, Bind
this가 가르키는 것을 변경하고자 할 때는?
10.#10 - Callback 함수
함수가 실행을 끝낸 뒤 곧바로 실행되는 함수를 말한다.
11.#11 - Scope
이름이 중복된 2개의 변수 중 어떤 변수를 참조해야 하는가? 자바스크립트는 어떻게 변수를 식별하는 것일까? 스코프는 참조 대상 식별자 (변수, 함수의 이름과 같이 다른 대상과 구분하여 식별할 수 있는 유일한 이름)를 찾아내기 위한 규칙이다.
12.#12 - forEach()와 map()의 차이점
ES6 기준으로 출범한 메소드이며, for문을 이용하여 반복문을 순회하는 것 보다 더 나은 방법을 제시한다.
13.#13 - 실행 컨텍스트
컨텍스트는 한국말로 번역하면 문맥입니다. 쉽게 말해 코드의 실행 환경이라고 이해하시면 될 것이다.
14.#14 - 조건문
결과가 참이라면 true 반환, 거짓이라면 false를 반환합니다.
15.#15 - 반복문
반복문이란?
16.#16 - {...} [...] 문법 (비구조화 할당/구조분해 할당)
자바스크립트의 문법에 대한 글을 검색하면 대부분 let, const 혹은 화살 함수(arrow function)에 대한 이야기가 주를 이룹니다. 이번 포스트는 흔히 알려지지 않았지만 유용한 비구조화 할당 문법을 소개하고자 합니다.
17.#17 - 가비지 컬렉션
자바스크립트는 눈에 보이지 않는 곳에서 메모리 관리를 수행합니다.원시값, 객체, 함수 등 우리가 만드는 모든 것은 메모리를 차지합니다. 그렇다면 더는 쓸모 없어지게 된 것들은 어떻게 처리될까요?
18.#18 - 삼항연산자
자바스크립트 삼항 연산자는 참/거짓에 따라 선택적으로 실행되는 조건문이다.