[ 모던 JavaScript 튜토리얼 ] 학습 진도 파트1. 코어 자바스크립트
22. 07. 05 (Mon) , Day 1
[1] 소개
1-1. 자바스크립트란?
1-2. 매뉴얼과 명세서
1-3. 코드 에디터
1-4. 개발자 콘솔
[2] 자바스크립트 기본
2-1. Hello, World!
2-2. 코드 구조
2-3. 엄격 모드
2-4. 변수와 상수
2-5. 자료형
2-6. alert, prompt, confirm 을 이용한 상호작용
2-7. 형 변환
2-8. 기본 연산자와 수학
22. 07. 06 (Tue), Day 2
[2] 자바스크립트 기본
2-9. 비교 연산자
2-10. if와 '?'를 이용한 조건 처리
2-11. 논리 연산자
2-12. nullish 병합 연산자 "??"
2-13. while과 for 반복문
2-14. switch문
2-15. 함수
2-16. 함수 표현식
2-17. 화살표 함수 기본
2-18. 기본 문법 요약 ( 이거 좀 대충 봤다. 복습할 때 더 꼼꼼히 봐야한다. )
[3] 코드 품질
3-1. Chrome으로 디버깅하기
3-2. 코딩 스타일
3-3. 주석
3-4. 닌자 코드
3-5. 테스트 자동화와 Mocha
3-6. 폴리필
[4] 객체 기본
4-1. 객체
4-2. 참조에 의한 객체 복사
음 .. 책을 읽고 개념 학습하면서 내용을 필기하며 이해하고 외우려고 노력 중이다.
대신 이 과정에서 꼭 암기가 되어서 실제 사용할 때 써먹을 수 있게 해야한다.
빨리 내용 떼고, 반복을 해서 통으로 익히건 코드 써가면서 적용해보자.
사실 이미 배운 개념이라 보면서 이해는 쉬운데, 이 때 그냥 아 그렇구나하고 아는 척 넘기면
또 시간과 노력만 소비하고 결과, 산출물이 없어질 것 같다.
22. 07. 06 (Wed), Day 3
[4] 객체 기본
4-3. 가비지 컬렉션
4-4. 메서드와 this
4-5. new연산자와 생성함수
4-6. 옵셔널 체이닝 "?."
4-7. 심볼형
4-8. 객체를 원시형으로 변환하기 (집중 안돼서 넘김.. 다시 보기)
[5] 자료구조와 자료형
5-1. 원시값의 메서드
22. 07. 07 (Thu), Day 4
[5] 자료구조와 자료형
5-2. 숫자형
5-3. 문자열
5-4. 배열
5-5. 배열과 메서드
5-6. iterable 객체
5-7. 맵과 셋
5-8. 위크맵과 위크셋
5-9. Object.keys, values, entries
5-10. 구조 분해 할당
5-11. Date 객체와 날짜
5-12. JSON과 메서드
22. 07. 08 (Fri), Day 5
[6] 함수 심화학습
6.1 재귀와 스택
6.2 나머지 매개변수와 스프레드 문법
22. 07. 09 (Sat), Day 6
[6] 함수 심화학습
6.3 변수의 유효범위와 클로저
6.4 오래된 'var'
6.5 전역 객체
6.6 객체로서의 함수와 기명 함수 표현식
6.7 new function 문법
6.8 setTimeout과 setInterval함수를 이용한 호출 스케줄링
6.9 call/apply와 데코레이터, 함수 포워딩
22. 07. 10 (Sun), Day 7
[6] 함수 심화학습
6.10 함수 바인딩
6.11 화살표 함수 다시 살펴보기
[7] 객체 프로퍼티 설정
7.1 프로퍼티 플래그와 설명자
7.2 프로퍼티 getter와 setter
[8] 프로토타입과 프로토타입 상속
8.1 프로토타입 상속
8.2 함수의 prototype 프로퍼티
8.3 내장 객체의 프로토타입
8.4 프로토타입 메서드와 __proto__가 없는 객체
함수 심화학습부터 개념을 하나 익힐 때마다 시간이 오래 걸렸다.
이 전 개념들이 아리까리한 느낌이 들었다.
이 쯤에서 진도 빼는 걸 멈추고 처음부터 복습 한 번 쭉 하는게 좋을 것 같다고 생각했다.
22. 07. 11 (Mon), Day 8
[1] 소개 (복습 1)
1-1. 자바스크립트란?
1-2. 매뉴얼과 명세서
1-3. 코드 에디터
1-4. 개발자 콘솔
[2] 자바스크립트 기본 (복습 1)
2-1. Hello, World!
2-2. 코드 구조
2-3. 엄격 모드
2-4. 변수와 상수
2-5. 자료형
2-6. alert, prompt, confirm 을 이용한 상호작용
2-7. 형 변환
2-8. 기본 연산자와 수학
2-9. 비교 연산자
2-10. if와 '?'를 이용한 조건 처리
2-11. 논리 연산자
2-12. nullish 병합 연산자 "??"
2-13. while과 for 반복문
2-14. switch문
2-15. 함수
2-16. 함수 표현식
2-17. 화살표 함수 기본
2-18. 기본 문법 요약
[3] 코드 품질 (복습 1)
3-1. Chrome으로 디버깅하기
3-2. 코딩 스타일
3-3. 주석
3-4. 닌자 코드
3-5. 테스트 자동화와 Mocha
3-6. 폴리필
[4] 객체 기본 (복습 1)
4-1. 객체
4-2. 참조에 의한 객체 복사
4-3. 가비지 컬렉션
4-4. 메서드와 this
22. 07. 12 (Tue), Day 9
[4] 객체 기본 (복습 1)
4.5 new 연산자와 생성자 함수
4-3. 가비지 컬렉션
4-4. 메서드와 this
4-5. new연산자와 생성함수
4-6. 옵셔널 체이닝 "?."
4-7. 심볼형
4-8. 객체를 원시형으로 변환하기
[5] 자료구조와 자료형 (복습 1)
5-1. 원시값의 메서드
5-2. 숫자형
5-3. 문자열
5-4. 배열
5-5. 배열과 메서드
5-6. iterable 객체
5-7. 맵과 셋
5-8. 위크맵과 위크셋
5-9. Object.keys, values, entries
5-10. 구조 분해 할당
5-11. Date 객체와 날짜
5-12. JSON과 메서드
22. 07. 13 (Wed), Day 10
[6] 함수 심화학습 (복습 1)
6.1 재귀와 스택
6.2 나머지 매개변수와 스프레드 문법
6.3 변수의 유효범위와 클로저
6.4 오래된 'var'
6.5 전역 객체
6.6 객체로서의 함수와 기명 함수 표현식
6.7 new function 문법
6.8 setTimeout과 setInterval함수를 이용한 호출 스케줄링
6.9 call/apply와 데코레이터, 함수 포워딩
22. 07. 14 (Thu), Day 11
[6] 함수 심화학습 (복습 1)
6.9 call/apply와 데코레이터, 함수 포워딩
6.10 함수 바인딩
6.11 화살표 함수 다시 살펴보기 ( 맨 마지막 활용 예제 다시 보기)
[7] 객체 프로퍼티 설정 (복습 1)
7.1 프로퍼티 플래그와 설명자
7.2 프로퍼티 getter와 setter
[8] 프로토타입과 프로토타입 상속 (복습 1)
8.1 프로토타입 상속
8.2 함수의 prototype 프로퍼티
8.3 내장 객체의 프로토타입
8.4 프로토타입 메서드와 __proto__가 없는 객체
[9] 클래스
9.1 클래스와 기본 문법
9.2 클래스 상속
9.3 정적 메서드와 정적 프로퍼티
9.4 private, protected 프로퍼티와 메서드
9.5 내장 클래스 확장하기
9.6 'instanceof'로 클래스 확인하기
22. 07. 15 (Fri), Day 11
[9] 클래스
9.7 믹스인
[10] 에러 핸들링
10.1 'try...catch'와 에러 핸들링
10.2 커스텀 에러와 에러 확장
22. 07. 16 (Sat), Day 11
[11] 프라미스와 async, await
11.1 콜백
11.2 프라미스
11.3 프라미스 체이닝
11.4 프라미스와 에러 핸들링
11.5 프라미스 API
11.6 프라미스화
11.7 마이크로태스크
<브라우저 / 기타> 6.3 이벤트 루프와 매크로 태스크, 마이크로 태스크
11.8 async와 await
22. 07. 17 (Sun), Day 12
[12] 제너레이터와 비동기 이터레이션
12.1 제너레이터
12.2 async 이터레이터와 제너레이터
[13] 모듈
13.1 모듈 소개
13.2 모듈 내보내고 가져오기
13.3 동적으로 모듈 가져오기
[14] 기타
14.1 Proxy와 Reflect 14.2 Eval:문자열 코드 실행하기 14.3 커링 14.4 참조 타입 14.5 BigInt
(각 대주제 개념 인식하고 내용은 훑어만 봄.)
22. 07. 18 (Mon), Day 13
파트2
[1] 문서
1.1 브라우저 환경과 다양한 명세서
1.2 DOM트리
1.3 DOM탐색하기
1.4 getElement* 와 querySelector*로 요소 검색하기
1.5 주요 노드 프로퍼티
1.6 속성과 프로퍼티
22. 07. 19 (Tue), Day 14
22. 07. 20 (Wed), Day 15
파트2
[1] 문서
1.7 문서 수정하기
1.8 스타일과 클래스