모던 자바스크립트 딥다이브

Modern Javascript DeepDive

👤 개인 / 2023.11 ~ 12

본 문서는 책 「모던 자바스크립트 딥다이브」를 공부하며 자바스크립트에 대한 레포 오너의 이해를 돕고,
어렴풋이 알고 있는 개념에 대한 환기를 위해 작성하였습니다.

📁 폴더 규칙

• 폴더명 숫자는 책에서 해당하는 챕터
• tail-questions: 추가 정리 자료

목차

CHAPTER	TITLE	KEYWORDS
01, 02, 03	모던 자바스트립트 딥다이브를 들어가며	ES6, V8
04, 05	변수, 식별자, 리터럴, 표현식, 명령문	변수(variable), 식별자(identifier), 리터럴(literal), 표현식(expression), 문(statement)
06, 07, 09	JS의 데이터 타입과 타입변환, 연산자와 단축평가	operator, 암묵적/명시적 타입변환(implicit/explicit coercion), type casting, &&, ||, ?., ??
08	제어문 간단히 보기	switch문, label문, for, while, break, continue
10, 11	Object(객체), 원시 타입과의 비교	object, pass by value, pass by reference
12, 18, 26	함수, 일급객체, ES6 함수의 추가 기능	함수, 일급객체, 함수객체, arguments, __proto__, ES6 메서드, 화살표 함수, Rest 파라미터(...), 파라미터 기본값
13, 14, 15, 24	스코프, 전역 변수, let/const, 블록레벨 스코프, 클로저	전역, 지역(local), let, const, var, 렉시컬(lexical) 스코프, 렉시컬 환경, 클로저
16	프로퍼티 어트리뷰트(Property Attribute)	내부 슬롯, 내부 메서드, 데이터 프로퍼티, 접근자 프로퍼티, 프로퍼티 디스크립터
17	생성자 함수에 의한 객체 생성	생성자함수, Object();, constructor, non-constructor, new, new.target
19	프로토타입	prototype, __proto__, 프로토타입 체인, instanceof, in, 오버라이딩(overriding), 섀도잉(shadowing), 오버로딩(overloading)
20	"strict mode"	'strict mode'
21	빌트인 객체	표준빌트인객체, 래퍼객체, 전역객체, 빌트인전역함수, 빌트인전역프로퍼티
22	this	this
23	실행 컨텍스트	소스코드, 실행 컨텍스트 스택(콜스택), 렉시컬 환경
25	새로운 객체 생성 메커니즘, 클래스	class, constructor, 메서드, 인스턴스, 상속, extends, super, 클래스 필드, static 필드, private, static,
27	배열(Array)과 고차함수	배열은 배열이 아니다, 고차함수
28, 29, 30	Number, Math, Date	Number, Math, Date
31, 32	정규 표현식과 문자열	RegExp, 플래그, 패턴, String
33	7번째 타입 Symbol	Symbol
34, 46	이터러블, 이터레이터, 제너레이터	iterable, iterator, Symbol.iterator, next()
35, 36	스프레드 문법과 구조분해할당	전개문법, ..., 얕은 복사, Rest element 사용
37	Set과 Map	Set, 집합연산, Map
38	브라우저는 어떻게 렌더링하는가	파싱, DOM, CSSOM, AST, 렌더트리, 리플로우(reflow), 리페인트(repaint), async/defer
39	DOM(Document Object Model)	DOM, 노드, DOM api
40	이벤트	이벤트 타입, 이벤트 핸들러, addEventListener, 이벤트 객체, 커스텀 이벤트, dispatchEvent, 이벤트 전파와 위임, preventDefault, stopPropagation
41, 42, 45, 46	자바스크립트의 비동기 프로그래밍과 비동기 처리 방식	setTimeout, setInterval, 디바운스, 스로틀, 태스크큐, 이벤트루프, 콜백패턴, Promise, 제너레이터, async/await
43, 44	Ajax와 REST API	JSON, JSON.stringify, JSON.parse, XMLHttpRequest,fetch, URI(엔드포인트)
47	에러 발생과 적절한 핸들링	try{...}catch(err){...}, Error 생성자 함수, throw
48	ES6 모듈	export, import, default, 파일 스코프
49	바벨, 웹팩	babel, webpack