[WEB] DOM & BOM

📁 DOM(Document Object Model, 문서 객체 모델)

DOM은 HTML 문서를 브라우저가 이해할 수 있게 만든 트리 구조로 객체화한 것이다.

DOM은 모든 HTML 요소를 노드로 표현하여 프로그래밍 언어가 DOM 구조에 접근해 HTML로 구성된 웹 페이지를 동적으로 제어할 수 있게 한다.

DOM은 웹 페이지 객체 지향 표현으로, JavaScript와 같은 스크립팅 언어를 사용해 DOM을 수정 할 수 있다.

🌐 BOM(Browser Object Model, 브라우저 객체 모델)

BOM은 웹 브라우저 전체를 객체로 관리하며 브라우저에 관한 정보를 제공하고 브라우저의 모양을 제어하는 객체이다.

1) window 객체

• 브라우저 창의 속성 및 메소드에 접근(alert, confirm, prompt, etc.)

2) document 객체

• 현재 문서에 대한 정보 관리

3) navigator 객체

• 브라우저의 종류 및 버전 정보 관리

4) location 객체

• 현재 페이지의 URL에 대한 정보 관리(ex. 새로고침, 현재 문서에 새 문서 주소 가져오기)

5) history 객체

• 브라우저의 이력을 관리(ex. 뒤로가기, 앞으로가기)

6) screen 객체

• 사용자의 화면에 대한 정보 제공(화면 너비, 높이, 색상, etc.)