Skip to Content
Suffering builds character

6. 렌더 트리, Render Tree

Render Tree는 DOM과 CSSOM이 결합된 트리 구조로, 브라우저가 화면에 픽셀 형태로 렌더링할 때 사용됨
→ Render Tree = DOM + CSSOM

브라우저는 각각의 HTML 엘리먼트들을 화면에 배치하기 위해 계산하고 화면에 그리는 과정을 거치게 되는데,

렌더트리가 없으면 화면에 표시되는 것이 없기 때문에 DOM과 CSSOM을 둘 다 필요로 함1
→ 따라서 화면에 실제 표현될 것들만 렌더트리로 구성됨

Footnotes

  1. CSSOM은 DOM과 다르게 사용자에게 가려져서 보여지지 않지만 DOM을 통해 CSS도 조작 가능

Last updated on