DOM에 대해 잘 정리되어 있는 사이트들(DOM이란?)

* HTML에 대한 사전지식을 가지고 DOM을 공부 하시는걸 권장드립니다.

HTML을 무료로 배울 수 있는 사이트들

 

 

---

 

 

DOM이란?

 

Document Object Model의 약자로 문서(Document)를 객체 모델(Object Model)로 구현한 것입니다.

* 문서 객체 모델(DOM 위키백과 링크)

 

DOM은 HTML문서의 요소를 제어하기 위해 웹 브라우저에서 처음 지원되었습니다.

 

 

 브라우저의 동작 과정

 

• 이런 모든 객체는 자바스크립트를 통해 접근할 수 있고, 페이지를 조작할 때 사용합니다.
• 위 사진을 보면 DOM과 HTML이 엄연히 다른 것임을 알 수 있습니다.

 

 

DOM에 대해 잘 정리되어 있는 사이트들

 

 

ddinggu velog(간단하지만 포인트를 정리한 블로그)

 

• 브라우저, HTML, DOM의 정의와 서로의 상관관계
• DOM과 HTML의 차이점

 

 

surim014 velog(자세하게 정리되어 있는 블로그)

 

• 웹페이지가 만들어지는 과정
• DOM에 대한 정의와 생성방법
• DOM과 HTML의 차이점
• DOM Elements 제어방법 (DOM의 생성, 제거 등)
• DOM Events

 

 

모던 자바스크립트(JavaScript) 듀토리얼

 

• DOM 트리에대한 정의와 예제
• DOM의 구조
• 위의 두 블로그를 보고 이 사이트를 보면 크게 도움이 됩니다.