DOM(Document Object Model) 이란?

HTML에서 CSS와 Javascript를 불러올 수 있는 것은 잘 이해가 되지 않는 일이다.

.html에서 .js를 불러오는 것은, word에 한글 파일을 불러오는 것과 똑같은 것이기 때문이다. 확장자가 다른데 어떻게 불러올 수 있는 것일까?

그 이유는 DOM 때문이다.

Document는 문서, 웹에서 문서는 html을 의미한다.
Object는 객체, javascript에서 많이 볼 수 있는 데이터 타입이다.
M은 Model.

즉, DOM은 document(.html)를 javascript도 이해할 수 있는 Object로 모델링했다는 의미이다.

그리고 이 DOM은 브라우저에 기본적으로 내장되어 있는 API이다.
(API: Application Programming Interface - Interface는 서로 이해할 수 없는 구조를 가지고 있는 면과 면 사이에서 서로 커뮤케이션할 수 있게 해주는 것을 추상적인 용어로 표현한 말이다.)

그래서 우리는 비로소 javascript로 객체에 접근하는 것처럼 html의 요소에 접근하고, 변경할 수 있게 된다.

<참고자료>
DOM이 뭐죠? jQuery는 왜들 그렇게 좋아한대요?/kimbug/youtube