[CS] DOM(+web APi)란?

DOM

웹페이지에서 자바스크립트로 요소들을 제어하는데 사용되는
Document Object Model

우리가 웹사이트에 접속하면 브라우저가 html문서를 읽어들임

html 코드가 어떤 제품의 설계도라면,
브라우저는 공장이라고 생각해보자.
공장에서는 이설계도를 해석하는 과정을 거치는데
이를 파싱 이라고 함.

그 결과물로 dom이라는 기계가 만들어짐!!

왜 만들어?

html 문서를 브라우저가 파싱하면
다큐멘트 -> html - head & body - title 등의 구조가 만들어짐
트리형식으로 반영됨
돔은 그 트리 전체를 말함.
이를 구성하는 부품들 요소 하나하나를 node라고 함

api - 니가 이렇게 주문하면 내가 요렇게 해줄게 / 메뉴판

BOM(Browser Object Model) - 사용자가 브라우저에 일어날 일들을 프로그래밍 할 수 있도록 제공하는 것

dom, bom 모든 것 통틀어 web api 라고 함

자스 기능은 아니지만 자스등을 통해 제어될 수 있도록 브라우저에서 제공되고 있음!!!

DOM은 넓은 의미로 웹 브라우저가 HTML 페이지를 인식하는 방식을 의미합니다. 조금 좁은 의미로 본다면 document 객체와 관련된 객체의 집합을 의미할 수도 있습니다.