DOM(Document Object Model)

자바스크립트(js)

• html 문서를 조작 및 제어하기 위해 만들어진 언어

렌더링 엔진

• 웹 문서를 해석 후 객체화하여 자바스크립트로 접근할 수 있도록 함 => DOM

BOM (Browser Object Model)

• 브라우저 자체(웹문서 영역)를 제어할 수 있도록 모델링
• BOM 객체에서 웹문서 요소 접근할 수 있도록 제공하는 객체 : document 객체
  *document 객체 : 웹 페이지 자체를 의미하며, DOM 트리의 최상위 노드로 BOM 요소에 접근하기 위한 진입점

DOM (Document Object Model)

• 스크립트 언어로 HTML 요소를 제어할 수 있도록 웹문서를 객체화
• 트리 구조
  
  *각각의 요소는 "노드"라고 함

=> 객체화 된 DOM 요소(노드)들에 접근해 제어 가능해짐

CSSOM (CSS Object Model)

• css를 js로 조작할 수 있도록 함