📍 웹 브라우저 동작 HTML, CSS로 → 브라우저 Critical Rendering Path를 통한 렌더링 과정 HTML → DOM, CSS → CSSOM DOM: HTML을 브라우저가 해석하기 편한 방식으로 변환한 객체 트리 CSSOM: CSS Object Model Render Tree 생성: 청사진 Layout: Render Tree 기반으로 요소들 배치 결정 Painting Update DOM이 수정되면 Critical Rendering Path 다시 실행 Reflow(다시 Layout), Repaint 는 성능 낮게하는 주범→ DOM을 수정하는 과정 최소화하기 다만, Layout과 Painting은 매우 비싼 과정 → JS가 DOM을 수정하면서 업데이트가 발생 결론 다양한 업데이트 → 동시에..
