BOM(Browser Object Model)과 DOM(Document Object Model)은 모두 웹 브라우저 환경에서 사용되는 객체 모델입니다. 하지만 각각은 다른 목적과 역할을 가지고 있으며, 서로 다른 개념을 가지고 있습니다.
BOM (브라우저 객체 모델)
BOM은 웹 브라우저 자체를 제어하기 위한 객체 모델입니다. 이는 웹 브라우저 창, 프레임, 쿠키, 히스토리 등과 같은 브라우저의 기능에 접근할 수 있는 인터페이스를 제공합니다. BOM은 JavaScript로 접근할 수 있고, 브라우저의 창 크기 조정, 새로운 창 열기, 경고창 표시 등과 같은 브라우저 조작 기능을 제공합니다. BOM은 브라우저 제조사마다 다른 구현 방식을 가지고 있을 수 있습니다.
DOM (문서 객체 모델)
DOM은 웹 문서의 구조와 내용을 나타내기 위한 객체 모델입니다. HTML, XML, XHTML 문서 등을 파싱하여 문서의 각 요소들과 관련된 객체를 생성하고, 이 객체들을 통해 웹 문서를 조작할 수 있습니다. DOM은 웹 페이지의 요소들에 대한 속성, 스타일, 이벤트 등을 제어할 수 있으며, JavaScript를 통해 접근하고 조작할 수 있습니다. 또한, DOM은 트리 구조로 이루어져 있어 문서의 계층적인 구조를 반영하고 있습니다.
BOM과 DOM의 관련성
BOM과 DOM은 웹 브라우저 환경에서 상호작용하기 위한 기술적인 도구로서 서로 보완적인 역할을 합니다. BOM을 통해 웹 브라우저 자체를 제어하고 조작할 수 있으며, DOM을 통해 웹 문서를 조작하고 동적인 기능을 구현할 수 있습니다. 예를 들어, BOM을 사용하여 새로운 브라우저 창을 열거나, 브라우저의 히스토리를 조작할 수 있고, DOM을 사용하여 웹 페이지의 요소들을 선택하고, 스타일을 변경하거나 이벤트를 처리할 수 있습니다.
따라서, BOM과 DOM은 웹 개발자에게 웹 브라우저 환경을 제어하고 동적인 웹 페이지를 구현할 수 있는 강력한 도구를 제공합니다.
참고 자료: