TIL 23일차 - DOM

DOM에 대해 공부했다. DOM(Document Object Model)Document는 일단 html이라고 생각하면 된다. html를 자바스크립트가 이해할 수 있는 object형태로 바꾼 형태를 DOM이라고 한다. javascript를 사용할 수 있으면 DOM으로 HTML을 조작할 수 있다.

 

DOM 과 자바스크립트는 다르다.

DOM은 웹 페이지를 스크립트 또는 프로그래밍 언어들에서 사용할 수 있게 연결시켜주는 역할을 담당한다. 자바스크립트가 DOM을 통해웹페이지에 접근할 수 있다. 즉, DOM을 가지고 있는 언어 중에 자바스크립트가 있는 것이고, 다른 언어(java, C, C#)도 DOM을 가지고 있지만, 자바스크립트의 DOM이 전통적으로 오래 쓰여왔고 안정적이다. HTML <--------->DOM<--------->javascript

HTML을 javascript를 이용하여 조작하며 웹을 구현하기 위해서 DOM을 사용하는것이다. 즉 html과 자바스크립트 사이에 DOM이 매개체 역할을 한다

 

DOM은 HTML을 DOM트리로 만들어서 웹에 구현하는 인터페이스다.

DOM 은 HTML, XML 문서의 프로그래밍 interface이다. HTML은 그 자체로 트리구조를 가지고 있다. 트리구조는 쉽게말해 부모자식을 갖는 관계인데, html 안에 body 그 안에 div 등 html은 트리구조로 작성을 한다. 마찬가지로 자바스크립트도 객체라는 개념이 있기 때문에 부모자식 관계를 가질 수 있는 언어이다. 그래서 DOM에 접근할 때 자바스크립트 언어를 활용하는 경우가 많은 것이다.

 

Today's Key🔑

• HTML의 구조가 자바스크립트 객체의 구조와 같이 트리 구조로 되어 있다.
• DOM을 활용하면 HTML을 조작할 수 있다.
• html과 자바스크립트 사이에 DOM이 매개체 역할을 한다.