dom이란

Dom = 즉 html이란 코드로 설계된 

웹페이지가 브라우저 안에서  화면에 나타나고 이벤트에 반응하고 값을 입력받는등 기능들을

수행할 객체들로 실체화된 형태라고 보면 됩니다.

 

 

이 html 요소들을 하나하나가 부품들이라고 치고

이것들로 조립돼서 만들어진 웹페이지를 가져다 주면

실제품으로 찍어낸게 dom이라고 봐도 되겠네요

 

dom은 자바스크립트 객체는 아니지만 자바스크립트가

제어할 수 있는 대상이라고 한다.(파이썬에서도 dom을 조작가능하다)

이유는 dom이 api를 갖고 있어서이다.

 

--api이란 어떤 방식으로 명령이나 요청을 내리면

요청에 따라 기능들을 수행하도록 만들어 놓은것

 

dom은 브라우저라는 공장이 만든다.

헌데 공장들마다 만들어내는 제품들이 똑같애야하는데??

이런 api 같은것들도 웹사이트 크롬으로 보든 다른걸로 보든

일관성있게 사용을 할 수 있는것이다.(익스플로러 형님은예외)

 

dom안에는 각종 node들이 트리로 들어 있다.

Html 모든 요소들은 node다 라고 이해하면됩니다.

그래서 dom은 node들로 구성되었으며 tree형태라고 이해했습니다.

 

node의 기능들은?

 Html 요소들에서 공통적으로 볼 수 있는 기능들은

다수가 node의 속성 또는 기능이라고 보면 됩니다,

firstChild lastChild clonNode 등등 다 노드의 기능 들인거다.

 

node는 eventTarget으로부터 상속받기 때문에

즉 node는 클릭등의 이벤트가 가해지는 eventTarget이기때문에  이 요소들 모두 addEventListener등의 기능 또한

갖고 잇는것

 

api들로 구성되어 있기 때문에 이 dom을 정의하기를

Html 이나 xml문서를 나타내는 api라고 한다.