자바스크립트의 핵심 개념과 동작 원리를 책을 통해 이해한 후 해당 내용을 정리하기 위해 만든 기록지입니다.
Rule 😎
00. 목차 이름을 딴 브랜치를 만들고 브랜치로 별로 push를 한다.
01. 작성자를 뺴먹지 않고 작성한다.
02. 한 페이지의 정리가 끝나면 작은 제목의 내부 링크를 연결한다.
03. 페이지 경로는 contents/인덱스.목차이름/인덱스.큰제목/인덱스-숫자.작은 제목(없다면 생략).md (한글로 입력하기)
* ex) contents/01.데이터타입/1.데이터타입의종류/1-1.데이터타입의종류.md
04. 작성 내용은 default 포맷을 참고하여 작성한다. (contents/default.md 참고)
05. 이미지 첨부시 경로는 image/인덱스.목차이름/.(png | jpeg | jpg)
* ex) image/01.데이터타입/byte.jpeg
06. 작성이 끝난 후 README.md 파일에서 완료 여부에 체크를 한다.
01장.데이터 타입 😜
| 큰 제목 | 작은 제목 | 페이지 | 작성자 | 완료 |
|---|---|---|---|---|
| 데이터 타입의 종류 | 데이터 타입의 종류 | 1 | Local | ✔️ |
| 데이터 타입의 관한 배경지식 | 메모리와데이터 | 3 | Local | ✔️ |
| 식별자와 변수 | 3 | Local | ✔️ | |
| 변수 선언과 데이터 할당 | 변수 선언 | 5 | Local | ✔️ |
| 데이터 할당 | 6 | Local | ✔️ | |
| 기본형 데이터와 참조형 데이터 | 불변값 | 8 | Santos | ✔️ |
| 가변값 | 10 | Santos | ✔️ | |
| 변수 복사 비교 | 15 | Santos | ✔️ | |
| 불변 객체 | 불변 객체를 만드는 간단한 방법 | 20 | Santos | ✔️ |
| 얕은 복사와 깊은 복사 | 25 | Santos | ✔️ | |
| undefined와 null | undefined와 null | 29 | Santos | ✔️ |
| 정리 | 정리 | 34 | Santos | ✔️ |
02장. 실행 컨텍스트 😝
| 큰 제목 | 작은 제목 | 페이지 | 작성자 | 완료 |
|---|---|---|---|---|
| 실행 컨텍스트란? | 실행컨텍스트란? | 36 | Local | ✔️ |
| VariableEnvironment | VariableEnvironment | 40 | Local | ✔️ |
| LexicalEnvironment | environmentRecord와 호이스팅 | 42 | Local | ✔️ |
| 스코프, 스코프 체인, outerEnvironmentRefernce | 53 | Local | ✔️ | |
| this | this | 63 | Santos | ✔️ |
| 정리 | 정리 | 63 | Santos | ✔️ |
03장. this 😋
| 큰 제목 | 작은 제목 | 페이지 | 작성자 | 완료 |
|---|---|---|---|---|
| 상황에 따라 달라지는 this | 전역 공간에서의 this | 65 | Santos | ✔️ |
| 메서드로서 호출할 때 그 메서드 내부에서의 this | 69 | Santos | ✔️ | |
| 함수로서 호출할 때 그 함수 내부에서의 this | 72 | Santos | ✔️ | |
| 콜백 함수 호출 시 그 함수 내부에서의 this | 76 | Santos | ✔️ | |
| 생성자 함수 내부에서의 this | 78 | Santos | ✔️ | |
| 명시적으로 this를 바인딩하는 방법 | call 메서드 | 80 | Local | ✔️ |
| apply 메서드 | 81 | Local | ✔️ | |
| call/apply 메서드의 활용 | 82 | Local | ✔️ | |
| bind 메서드 | 87 | Local | ✔️ | |
| 화살표 함수의 예외사항 | 90 | Local | ✔️ | |
| 별도의 인자로 this를 받는 경우(콜백 함수 내에서의 this) | 91 | Local | ✔️ | |
| 정리 | 정리 | 93 | Local | ✔️ |
04장. 콜백함수 😘
| 큰 제목 | 작은 제목 | 페이지 | 작성자 | 완료여부 |
|---|---|---|---|---|
| 콜백 함수란? | 콜백 함수란? | 94 | Santos | ✔️ |
| 제어권 | 호출 시점 | 95 | Santos | ✔️ |
| 인자 | 98 | Santos | ✔️ | |
| this | 100 | Santos | ✔️ | |
| 콜백 함수는 함수다 | 콜백 함수는 함수다 | 102 | Santos | ✔️ |
| 콜백 함수 내부의 this에 다른 값 바인딩하기 | 콜백 함수 내부의 this에 다른 값 바인딩하기 | 103 | Santos | ✔️ |
| 콜백 지옥과 비동기 제어 | 콜백 지옥과 비동기 제어 | 106 | Santos | ✔️ |
| 정리 | 정리 | 113 | Santos | ✔️ |
05장.클로저 🥸
| 큰 제목 | 작은 제목 | 페이지 | 작성자 | 완료여부 |
|---|---|---|---|---|
| 클로저의 의미 및 원리 이해 | 클로저의 의미 및 원리 이해 | 115 | Santos | ✔️ |
| 클로저와 메모리 관리 | 클로저와 메모리 관리 | 123 | Santos | ✔️ |
| 클로저 활용 사례 | 콜백 함수 내부에서 외부 데이터를 사용하고자 할 때 | 125 | Santos | ✔️ |
| 접근 권한 제어(정보 은닉) | 129 | Local | ✔️ | |
| 부분 적용 함수 | 134 | Local | ✔️ | |
| 커링 함수 | 141 | Local | ✔️ | |
| 정리 | 정리 | 145 | Local | ✔️ |
06장. 프로토타입 🤩
| 큰 제목 | 작은 제목 | 페이지 | 작성자 | 완료여부 |
|---|---|---|---|---|
| 프로토타입의 개념 이해 | constructor, prototype, instance | 147 | Santos | ✔️ |
| constructor 프로퍼티 | 157 | Santos | ✔️ | |
| 프로토타입 체인 | 메서드 오버라이드 | 160 | Local | ✔️ |
| 프로토타입 체인 | 162 | Local | ✔️ | |
| 객체 전용 메서드의 예외사항 | 168 | Local | ✔️ | |
| 다중 프로토타입 체인 | 171 | Local | ✔️ | |
| 정리 | 정리 | 173 | Local | ✔️ |
07장. 클래스 🤩
| 큰 제목 | 작은 제목 | 페이지 | 작성자 | 완료여부 |
|---|---|---|---|---|
| 클래스와 인스턴스의 개념 이해 | 클래스와 인스턴스의 개념 이해 | 175 | Santos | ✔️ |
| 자바스크립트의 클래스 | 자바스크립트의 클래스 | 178 | Santos | ✔️ |
| 클래스 상속 | 기본 구현 | 181 | Local | ✔️ |
| 클래스가 구체적인 데이터를 지니지 않게 하는 방법 | 189 | Local | ✔️ | |
| constructor 복구하기 | 193 | Local | ✔️ | |
| 상위 클래스에의 접근 수단 제공 | 195 | Local | ✔️ | |
| ES6의 클래스 및 클래스 상속 | ES6의 클래스 및 클래스 상속 | 197 | Santos | ✔️ |
| 정리 | 정리 | 200 | Santos | ✔️ |