DOM(Document Object Model)

DOM 이란 무엇인가?

출처: 유노코딩님 유튜브

문서 객체 모델. HTML, XML 문서의 프로그래밍 interface 이다

브라우저는 서버에 request하여 response로서 받은 HTML 문서를 렌더링하여 화면에 표현한다

그 과정에서 브라우저는 HTML 코드의 요소들을 트리 형태로 구조화해 표현하는 문서를 생성한다. 이를 DOM이라 하며, 브라우저는 DOM을 통해 화면에 웹 콘텐츠들을 렌더링한다

DOM의 목적

출처: 유노코딩님 유튜브

자바스크립트와 같은 스크립트 혹은 프로그래밍언어가 웹 문서 내 HTML 요소들의 추가, 수정, 변경, 이벤트처리 등을 정의할 수 있도록 제공되는 프로그래밍 인터페이스 라고 볼 수 있다

HTML 자체는 정적인 텍스트이므로 웹 화면이 사용자와 동적인 상호작용을 하기 위해서는 DOM의 역할이 필요하다

HTML 요소들을 자바스크립트가 이해할 수 있는 object 형태로 바꾼 것이 DOM이다