DOM
Document Object Model
텍스트 파일로 만들어져 있는 웹 문서를 브라우저에 렌더링하려면 웹 문서를 브라우저가 이해할 수 있는 구조로 메모리에 올려야 한다.
브라우저의 렌더링 엔진은 웹 문서를 로드한 후, 파싱하여 웹 문서를 브라우저가 이해할 수 있는 구조로 구성하여 메모리에 적재하는데 이를 DOM이라고 한다.
즉 모든 요소와 요소의 어트리부트, 텍스트를 각각의 객체로 만들고 이들 객체를 부자 관계를 표현할 수 있는 트리 구조로 구성한 것이 DOM이다.
이 DOM은 자바스크립트를 통해 동적으로 변경할 수 있으며 변경된 DOM은 렌더링에 반영된다.
DOM은 HTML, ECMAScript에서 정의한 표준이 아닌 별개의 W3C의 공식 표준이며 플랫폼/프로그래밍 언어 중립적이다.
DOM은 두가지 기능을 담당한다.
- HTML 문서에 대한 모델 구성
: 브라우저는 HTML 문서를 로드한 후 해당 문서에 대한 모델을 메모리에 생성, 이때 모델은 객체의 트리로 구성되는데 이것을 DOM tree라고 한다. - HTML 문서 내의 각 요소에 접근 및 수정
: DOM은 모델 내의 각 객체에 접근하고 수정할 수 있는 프로퍼티와 메소드를 제공, DOM이 수정되면 브라우저를 통해 화면이 변경된다.