브라우저 렌더링 과정을 설명해 주세요.
HTML→DOM, CSS→CSSOM을 만들고 렌더 트리·레이아웃·페인트를 거쳐 화면에 그립니다.
HTML을 파싱해 DOM을, CSS를 파싱해 CSSOM을 만들고 둘을 합쳐 렌더 트리를 구성합니다. 이어서 각 요소의 위치·크기를 계산하는 레이아웃(리플로우), 픽셀을 칠하는 페인트, 레이어를 합치는 컴포지트 단계를 거칩니다.
핵심 포인트
- DOM + CSSOM → 렌더 트리
- 레이아웃 → 페인트 → 컴포지트
- JS는 렌더링을 막을 수 있음