비동기 JavaScript

싱글 스레드에서 동시성을 구현하는 방법, 이벤트 루프, Promise, async/await를 시각화합니다

1. 01

   이벤트 루프

   싱글 스레드 JavaScript가 비동기를 처리하는 방법, 콜스택, 태스크 큐, 마이크로태스크 큐의 동작을 시각화합니다

2. 02

   콜백과 콜백 지옥

   비동기 프로그래밍의 시작점인 콜백 패턴, 그리고 왜 더 나은 방법이 필요했는지를 살펴봅니다

3. 03

   Promise

   콜백의 한계를 해결하기 위해 등장한 Promise, 상태 전환, 체이닝, 에러 전파, 병렬 실행을 시각화합니다

4. 04

   async/await

   Promise 체이닝을 동기 코드처럼 작성하는 방법, async 함수의 실행 흐름, 에러 처리, 병렬 실행을 시각화합니다

5. 05

   비동기 에러 처리 패턴

   실전에서 쓰이는 비동기 에러 처리 전략, 재시도, 타임아웃, AbortController, 경쟁 조건 방지를 시각화합니다

6. 06

   실전 비동기 유틸리티 패턴

   실무에서 반복적으로 쓰이는 비동기 유틸리티, debounce, throttle, 동시성 제한을 시각화합니다