브라우저 렌더링 4

입력 : 레이아웃 트리 (DOM, 스타일, 그리고 레이아웃이 있는 상태) 출력: 페인트 기록(Records)

• 렌더 트리만 가지고 요소를 그릴 수 없다.
  • z-index 속성이 있는 경우처럼 어떤 순서로 그려야 할 지 판단이 필요하다.
• 레이아웃 트리(DOM, 스타일, 레이아웃이 있는 상태)를 따라가면서 페인트 기록을 생성한다.

References #

• 레이어(Layer)
• 리플로우(Reflow) vs 리페인트(Repaint)
• 모던 웹 브라우저 들여다보기 (파트 3)  |  Web  |  Google Developers