DOM과 이벤트 시스템

트리 탐색, 이벤트 흐름, Observer 패턴을 시각화합니다

1. 01

   DOM 트리와 노드 탐색

   HTML이 DOM 트리가 되는 과정과 노드 탐색을 시각화합니다
2. 02

   캡처링과 버블링

   이벤트가 트리를 따라 흐르는 3단계를 시각화합니다
3. 03

   이벤트 위임

   버블링을 활용한 위임 패턴과 passive 리스너를 시각화합니다
4. 04

   MutationObserver와 IntersectionObserver

   DOM 변경과 뷰포트 교차를 감지하는 Observer API를 시각화합니다
5. 05

   requestAnimationFrame과 스크롤 최적화

   브라우저 렌더링 사이클과 rAF의 동작 원리를 시각화합니다