[Javascript] Dom 이란?

본 글은 필자가 Dom에 대해 공부하면서 작성한 글 입니다. 요약 위주로 글을 작성하였으므로, 자세한 내용들은 본문 내 링크를 따라 들어가 공부하시면 됩니다 :)

[JavaScript] DOM이란 무엇인가?

 

DOM 이란?

문서 객체 모델 / Document Object Model 의 약자. 

넓은 의미에서는 웹 브라우저가 HTML을 인식하는 방식, 즉 Document를 Object로 Model(인식하는 방식) 이다.

좁은 의미에서는 document 객체와 관련된 객체의 집합 이다. (ex. document.querySelector)

 

문서 객체가 생성되는 방식은 두 가지로 나누어 볼 수 있다.

1. 브라우저에서 HTML tag를 읽으면서 문서 객체를 생성하는 것

2. 자바스크립트에서 document.createElement('h2') 와 같이 문서 객체를 동적으로 생성하고 header.appendChild(headNode); 를 통해 노드에 붙여주므로써 HTML 내부에 포함 시킬 수 있다.

 

 

DOM 소개 - Web API | MDN

- DOM은 문서의 구조화된 표현(structured representation)을 제공하며, 프로그래밍 언어가 DOM 구조에 접근할 수 있는 방법을 제공하여 그들이 문서 구조, 스타일, 내용 등을 변경할 수 있게 돕는다.

- DOM 은 구조화된 nodes와 property 와 method 를 갖고 있는 objects로 문서를 표현한다.

- DOM 은 프로그래밍 언어는 아니지만 DOM 이 없다면 자바스크립트 언어는 웹 페이지 또는 XML 페이지 및 요소들과 관련된 모델이나 개념들에 대한 정보를 갖지 못하게 된다.