Channel. 00 들어가며
Notion 링크, PDF 파일 및 QR 코드
머리말, 책 보는 방법, 저자소개
Channel. 01 비동기 처리
- 동기와 비동기
1.1. 동기
1.2 비동기
1.2.1 비동기식 실행의 예
- 자바스크립트의 비동기
2.1 자바스크립트 엔진이란?
2.2 브라우저 별 엔진 종류
2.3 자바스크립트 엔진 구조
2.3.1 메모리 힙
2.3.2 콜 스택
2.4. 자바스크립트는 어떻게 비동기 실행이 가능할까?
2.4.1 비동기 실행에서 브라우저의 역할
2.4.2 브라우저 Web API란?
2.4.3 렌더링 엔진이란?
- 이벤트 루프
3.1. 이벤트 루프의 동작
3.1.1 이벤트 루프의 동작 예제
3.2 브라우저 환경에서의 큐
3.2.1 큐(queue)란?
3.2.2 큐의 종류
3.2.3 마이크로태스크 큐란?
3.2.4 태스크 큐란?
3.2.5 태스크 큐 VS 마이크로태스크 큐 예제
3.3. 렌더링 엔진
3.3.1 렌더링 엔진이란?
3.3.2 렌더링 엔진과 이벤트 루프
3.3.3 렌더링 흐름
3.3.4 이벤트 루프에서 렌더링 엔진의 우선순위
3.4. setTimeout(fn, 0)을 활용한 예제
- 비동기 실행을 제어하는 방법들
4.1 비동기 흐름 제어란?
4.2 비동기 흐름 제어 방식
Channel. 02 콜백함수
- 콜백 함수
1.1 콜백 함수 정의
1.2 콜백 함수 예제
1.2.1 filter() 메서드에서 활용되고 있는 콜백 함수
- 콜백 함수 동기 처리 방식
2.1 동기 처리의 특징
2.2 동기 처리 예제
- 콜백 함수 비동기 처리 방식
3.1 비동기 처리의 특징과 한계
3.2 비동기 처리 예제
3.3 콜백 함수를 통한 비동기 처리의 한계 해결 방법
- 콜백 지옥
4.1 정의
4.2 콜백 지옥 예제
4.3 콜백 지옥 해결
4.3.1 기명 함수로 콜백 지옥 해결 예시
Channel. 03 Promise
- Promise
1.1 Promise의 생성
1.2 Promise의 상태
- Promise 처리 메서드
2.1 then
2.2 catch
2.3 finally
2.4 Promise chainning
2.5 promise 메서드 종합 예제