[Web] DOM / BOM

DOM이란?

Document Object Model / 웹페이지는 기본적으로 문서(Document) 이다. DOM은 HTML, XML 문서의 프로그래밍 interface로서, 프로그래밍언어가 HTML, XML 등을 제어할 수 있도록 연결시켜주는 역할을 한다. DOM을통해 스크립트 언어는 웹 페이지 또는 XML 페이지 및 요소들과 관련된 모델이나 개념들에 대한 정보를 가질 수 있다.

 브라우저에 내장되어있는 javascript가 많이 사용되지만 다른 스크립팅 언어도 가능하다.(python 등)

 

표준 DOM spec :  dom.spec.whatwg.org/  

브라우저의 종류도 여러가지가 있는데( Crome, IE, Safari 등..) 각각의 브라우저는 자신만의 방법으로 DOM 구현 하고 표준 Spec에 더불어 각각의 브라우저마다의 특화 기능을 제공하기도 한다.

DOM은 문서를 논리트리 형태로 표현하며 스트립트언어에서 DOM 메소드를 사용하여 요소들에 접근할 수 있다.

 

 

BOM 이란?

Browser Object Model / 브라우저에서 제공하는 모든 정보를 통칭하는 말, 웹 표준이 만들어지기 이전부터 쓰이던 말로 Web API( Browser API)  와 동의어 라고 한다.   물론 DOM 도 이 안에 포함된다. DOM은 'Document'(문서) 에 한정된 개념이라면 Browser API는 이보다 넓은 개념이라고 한다.

 

- Canvas, WebGL :  웹 기반의 그래픽 라이브러리

- 디바이스 API : 디바이스의 위치, 배터리, 센서등의 정보

 

 

 

 

 

 

참고자료 

 

developer.mozilla.org/ko/docs/Web/API/Document_Object_Model/%EC%86%8C%EA%B0%9C

DOM 소개 - Web API | MDN

developer.mozilla.org/ko/docs/Web/Reference/API

Web API 설명집 - 웹 기술 문서 목록 | MDN

developer.mozilla.org/ko/docs/Web/API

Web API | MDN