BOM (Browser Object Model)
웹 브라우저의 다양한 기능을 객체처럼 다루는 모델
대표적인 객체 종류
1. window 객체
- Global Context (전역 공간)이자 브라우저 창을 나타내는 객체 입니다.
- 전역 변수나 전역 함수의 경우 window의 프로퍼티처럼 작동하 게 됩니다.
- 중요 프로퍼티 - innerWidth, innerHeight, screenX, screenY, scrollBy( ), scrollTo( ) 등등
2. screen 객체
- 사용자 환경의 디스플레이(모니터) 정보를 가지는 객체입니다.
- 중요 프로퍼티 - availHeight, availWidth, width, height, orientation
3. location 객체
- 사용자가 보고 있는 페이지의 URL을 다루는 객체입니다.
- 중요 프로퍼티 - href, reload, replace
4. navigator 객체
- 웹브라우저 및 브라우저 환경정보를 가지는 객체입니다.
- 중요 프로퍼티 - userAgent
DOM (Document Object Model)
자바스크립트 Node 객체의 계층화된 트리
대표적 노드 종류
1. document 노드
- 웹 페이지마다 존재하는 객체입니다. 웹 페이지 안의 모든 컨텐 츠를 다루는 시작점입니다.
- 중요 프로퍼티 - title, url, doctype, documentElement, head, body, getElementById, createElement, querySelector, readyState
2. element 노드
- 웹 페이지 안의 각 html 태그 요소들을 의미합니다.
- 중요 프로퍼티 - querySelector, classList, dataset, id, innerHTML, parentNode, nextSibling, previousSibling
참고
'JS > JS 핵심 개념' 카테고리의 다른 글
JS reflow & repaint (0) | 2023.03.14 |
---|---|
JS 웹 페이지 렌더링 과정 (1) | 2023.03.14 |
JS hoisting (0) | 2023.03.13 |
JS 클래스 (0) | 2023.03.13 |
JS 프로토타입 상속 & subtype, supertype (0) | 2023.03.13 |