DOM이란 무엇인가? (진행 순서, DOM & DOM Tree 차이)

DOM은 문서를 파싱해서 생긴 구조화된 객체 모델을 DOM이라고 한다.

HTML or XML 같은 문서를 불러와서 Tree (DOM Tree) 구조로 변환하는 것이 DOM의 역할(기능) 이다.

DOM자체가 하는 것은 아니고,

일단은 브라우저의 엔진에 탑재된 Parser가 Tree구조를 만들 때, DOM이 개입한다. 그래서 DOM구조로 변환시키는 것이다.

Parser는 HTML의 TEXT String을 구조화하는데서 역할을 다하고, 이를 브라우저에서 조작가능하도록 객체(속성을 제어할 수 있는)로 변환하는 것을 DOM이 담당한다. DOM을 통과하면, DOM Tree가 만들어지고, 이 DOM Tree가 CSS가 Parsing된 문서를 가지고 스타일 규칙을 DOM에 적용해서 형상을 만든다. 이를 렌더링 해서 브라우저가 보여주는 것이라고 보면 적당하다.

 

 

그림 2 렌더링 엔진의 동작 과정

 

그림 4 모질라의 게코 렌더링 엔진 동작 과정(3.6)

 

출처 : d2.naver.com/helloworld/59361