프로그래머 관점에서 바라 본 HTML,
HTML 요소를 Object(JavaScript Object)처럼 조작할 수 있는 Model,
DOM은 HTML 문서를 객체 기반으로 표현한 것(HTML의 구조와 내용을 객체 모델로 바꿔서 다양한 프로그램에서 쉽게 사용할 수 있게 하기 위함)
HTML에 JavaScript 적용하기
<script src = “js파일이름”></script>
웹 브라우저는 <script>를 만나면 HTML해석을 멈추고 <script> 요소를 먼저 실행, <script>는 등장과 함께 실행됨
(그래서 body내에 <script>태그를 넣으려면 맨마지막에 넣는게 좋다)
<head> 안쪽에 작성
<body> 태그가 끝나기 전에 작성
차이점 구분
자바스크립트에서 DOM은 document 객체에 구현되어 있음 ex) console.dir(document.body)
DOM 구조를 조회할 때에는 console.dir 이 유용
console.dir 은 console.log 와 달리 DOM을 객체의 모습으로 출력