DOM

DOM이란??

Document(Document Object Model)

'JS를 이용해 엘리먼트의 속성값을 다루는 방법'이라 할 수 도 있고, 'HTML문서의 구조와 관계를 객체로 표현한 모델' 이라고 할 수도 있겠다.

 

나는 후자의 설명이 더 맞는것 같지만, 둘 다 맞는 말이라고들 한다.

면접에선 둘 다 이야기하면 좋아하지 않을까?? 싶다.

 

DOM에는 document라는 전역변수로 접근이 가능하다.

console창에 document 타이핑해보자

DOM === Javascript??

DOM은 Document Object Model 의 약자로서, 웹 페이지를 스크립트 또는 프로그래밍 언어들에서 사용될 수 있게 연결시켜주는 역할을 담당한다. 그저 JS를 이용해 HTML의 구조관계인 DOM 구조에 접근할 수 있을 뿐

그러니까 DOM은 Javascript가 아니다!

 

즉, DOM을 가지고 있는 언어 중의 하나에 자바스크립트가 있는 것이고, 다른 언어(java, C, C#)도 DOM을 가지고 있지만, 자바스크립트의 DOM이 전통적으로 오래 쓰여왔고 안정적이다.

 

DOM은 Tree 구조이다.

https://velog.io/@cherrycock/DOM%EA%B3%BC-%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A0%80-%EB%A0%8C%EB%8D%94%EB%A7%81-%EA%B3%BC%EC%A0%95

HTML은 그 자체로 트리구조를 가지고 있다.
트리구조는 쉽게말해 부모자식을 갖는 관계인데, html 안에 body 그 안에 div 등 html은 트리구조로 작성을 한다.

자바스크립트도 객체라는 개념이 있기 때문에 부모자식 관계를 가질 수 있는 언어이다.