01 DOM이란? (Document & Window?)

문서 객체 모델 = DOM (Document Object Model)

DOM은 메모리에 웹페이지 문서 구조를 표현한다.

 

DOM은 문서를 논리 트리로 표현한다. 이는 DOM에 자식이 있는 것이고. 이 자식은 DOM 메서드 이다.

DOM의 인터페이스에는 대표적인 것이 Document 나 Window 그리고  Node 가 있다.

 

Document : 브라우저가 불러온 웹 페이지를 나타내며, DOM 트리의 진입점 역할을 수행한다. URL를 얻거나 문서에 새로운 요소를 생성하는 등 기능을 전역적으로 제공한다.

+Document 는 Node와 EventTarget 인터페이스도 상속한다.

Document의 속성은 내장함수 쓴다고 생각하면된다. Document.내장함수명

우리가 자주쓰는 document.querySelector()나 Document.getEIementsByTageName() 도 있다.

https://developer.mozilla.org/ko/docs/Web/API/Document 여기 페이지를 참조한다.

 

Window: 인터페이스는 DOM 문서를 담은 창을 나타낸다. window 인터페이스는 다양한 함수, 객체, 생성자가 있다.

+ window는 최상위 객체로 winodw 객체 안에는 document가 존재한다. 다만, document의 속성을 사용 할 수는 없다.

window안에는 document가 있기에 window.document나 document나 같은 것이다. 

 

결론은 window 안에 document가 있지만 각각 메소드나 속성은 사용하지 못한다는 것.