[노트내용정리] BOM & DOM

 

 

📌 BOM (Browser Object Model)

• window 라는 객체가 바로 브라우저의 가장 최상위 객체
• 브라우저에서 제공하는 API.
• 자바스크립트를 통해 브라우저에서 제공하는 기능들을 사용할 수 있도록 도와주는 역할.

window.alert() : 브라우저에 메세지 다이얼로그를 띄웁니다.
window.prompt() : 브라우저에 사용자의 데이터를 입력받을 수 있는 입력 창을 띄웁니다.
window.confirm() : true 혹은 false 값을 반환하는 다이얼로그를 띄웁니다.

console.log() : 콘솔창에 로그 메세지를 보여줍니다.
console.error() : 콘솔창에 에러 메세지를 보여줍니다.
console.table() : 콘솔창에 데이터를 테이블 형태로 제공합니다.

 

API (Application Programming Interface) : 운영 체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스. 주로 파일 제어, 창 제어, 화상 처리, 문자 제어 등을 위한 인터페이스를 제공

 

➰ https://developer.mozilla.org/ko/docs/Glossary/API

 

 

📌 DOM (Document Object Model)

• HTML문서 객체 기반 표현 방식 (HTML 태그들을 브라우저가 이해할 수 있는 객체 형태로 구성.)
• DOM tree 형태

document node : 해당 문서 전체를 나타내는 노드
element node : 요소에 대한 노드, attribute node를 가질 수 있음
attribute node : 요소의 속성을 나타내는 노드
text node : 문서의 텍스트들을 나타내는 노드, 공백이나 줄바꿈도 포함될 수 있음
comment node : 문서의 주석을 나타내는 노드