DOM(Document Object Model), BOM(Browser Object Model)

문서 객체 모델 DOM 

DOM은 문서의 구조화된 표현(structured representation)을 제공하며 프로그래밍 언어가 DOM 구조에 접근할 수 있는 방법을 제공하여 그들이 문서 구조, 스타일, 내용 등을 변경할 수 있게 돕는다. DOM 은 nodes와 objects로 문서를 표현한다. 이들은 웹 페이지를 스크립트 또는 프로그래밍 언어들에서 사용될 수 있게 연결시켜주는 역할을 담당한다.
HTML에서 현재 문서를 나타내는 document로 진입하여 각 태그들을 트리 구조로 표현한다. - DOM Tree

예시

document 객체를 이용하여 

document.body.style.background = 'red'

브라우저 객체 모델 BOM 

브라우저에서 제공되는 문서 이외의 모든것들을 제어하기 위한 객체이다.

 

예시

navigator
userAgent

history 
location
등등..

참조

https://developer.mozilla.org/ko/docs/Web/API/Document_Object_Model/Introduction

DOM 소개 - Web API | MDN

http://www.tcpschool.com/javascript/js_dom_concept

코딩교육 티씨피스쿨

https://ko.javascript.info/browser-environment#ref-1615

브라우저 환경과 다양한 명세서