JavaScript Deep Dive

한 단계 더 깊이, Map, WeakMap, 이터레이터, Proxy 등 고급 기능과 자주 혼동하는 패턴을 시각화합니다

1. 01

   Map과 Set

   Object의 한계를 넘어서는 Map과 Set, 키 타입의 자유, 삽입 순서 보장, 프로토타입 안전성을 비교합니다

2. 02

   WeakMap과 WeakSet

   가비지 컬렉션과 친화적인 WeakMap, WeakSet, 그리고 ES2021의 WeakRef, 메모리 누수 없는 객체 참조 패턴

3. 03

   이터레이터와 제너레이터

   Symbol.iterator부터 제너레이터까지, 이터레이터 프로토콜의 동작 원리와 지연 평가를 시각화합니다

4. 04

   Proxy와 Reflect

   객체 위에 가상 레이어를 씌워 모든 작업을 가로채는 Proxy, get, set, has 등 핵심 트랩과 Reflect의 관계를 시각화합니다

5. 05

   자주 혼동하는 패턴들

   Object.create(null) vs {}, structuredClone vs JSON, for...in vs for...of, 비슷해 보이지만 전혀 다른 패턴들을 시각적으로 비교합니다