왕초보_웹개발_05_DOM

웹 페이지를 구성하는 요소들을 객체로 표현하여
자바스크립트와 같은 프로그래밍 언어를 통해 조작할 수 있도록 만든 모델입니다.

 

 

 

레고 블록으로 집을 짓는 것처럼 DOM은 HTML문서를 하나하나의 블록으로 나누어서

그 블록들을 자유롭게 조립하고 변경할 수 있게 해줍니다.

 

이해하기 위한 키워드

 

HTML

웹 페이지의 구조를 만들기 위한 언어입니다.

DOM은 HTML 문서를 기반으로 만들어집니다.

 

자바스크립트

DOM을 조작하여 웹 페이지를 동적으로 변화시키는 데 사용되는 프로그래밍 언어입니다.

 

객체

실제 세계의 사물이나 개념을 프로그램 안에서 표현한 것입니다.

DOM에서 HTML요소들은 각각 하나의 객체로 표현됩니다.

 

트리구조

DOM은 HTML문서의 구조를 계층적인 트리 형태로 표현합니다.

부모-자식 관계로 연결된 노드들로 구성됩니다.