// DOM (Document Object Model) 문서 객체 모델
console.log(document);
console.dir(document);

웹 브라우저 안에 나타나는 콘텐츠 부분을 웹 페이지라고도 부르지만 다르게는 웹 문서라고도 표현하는데, 그래서 DOM을 간단하게 요약하면 웹 페이지에 나타나는 HTML 문서 전체를 객체로 표현한 것이라고 생각하면 된다. 그리고 document 객체가 이 웹 문서의 최상단 객체로 진입점의 역할을 한다. document 객체를 활용하면 웹 페이지의 내부에 무엇이든 수정할 수 있고 새로운 콘텐츠를 만들어 낼 수도 있다. document 객체의 자료형을 확인해보면 object가 출력되지만 DOM의 경우에는 직접적으로 접근하게 되면 객체가 아니라 DOM에 해당하는 HTML이 출력된다. DOM을 태그가 아니라 객체로 보고 싶다면 console.log가 아니라 콘솔 객체의 dir 메소드를 활용하면 된다. dir 메소드는 객체 형태로 다양한 프로퍼티들이 출력된다. 이를 통해서 DOM 개념에 따르면 문서 내의 모든 태그들은 다 각각의 객체라는 사실을 알 수 있다.

DOM을 활용하면 JavaScript로 HTML 태그를 객체처럼 자유롭게 다를 수 있다.

0개의 댓글