DOM (Document Object Model) HTML DOM은 HTML 문서를 자바스크립트를 사용하여 동적으로 접근할 수 있도록 정의해놓은 표준 객체 모델이다. 즉, DOM은 Document의 각 요소들을 html 태그와 접목시켜 Tree 구조로 정의하고, 해당 요소들을 자바스크립트 언어를 이용하여 인터페이스 할 수 있게 해주는 표준 모델이라고 할 수 있다. 위 그림 처럼 Document에서 부터 Tree 구조로 요소들이 정의되는 것을 확인할 수 있고, 자바스크립트 API로 해당 요소들에 접근하여 Create, Read, Update, Delete, Event 등의 기능을 수행 할 수 있다.

HTML을 사용하여 웹을 생성하기에 앞서 HTML은 무엇이고 왜 만들어졌는지에 대해 알아볼 필요가 있다. HTML은 Hyper Text Markup Language의 약자로 W3C라는 웹 표준을 개발하는 기구에서 웹페이지에 내용을 표현하기 위해서 만든 표준 마크업 언어이다. HTML은 기본적으로 Tag로 구분하여 화면의 형태와 기능의 다양성을 제공한다. 태그는 html 웹페이지의 최상위 태그로서 모든 html 내용이 이 태그 하위에 포함된다. 태그는 웹페이지에 표현될 컨텐츠와 관련된 문서를 정의하거나 페이지의 제목 등을 정의한다. 태그는 웹페이지에 표현될 모든 컨텐츠들을 포함하는 태그이다. 이 외에 HTML의 태그와 속성들에 대한 튜토리얼은 https://www.w3schools.com/html/defa..