HTML
문서가 파싱된 DOM
문서를 담고 있는 창 / 현재 스크립트가 작동 중인 창 / 브라우저를 켰을 때 제일 먼저 로드되는 전역 객체window
를 갖고 있음window
로 어디서든 접근 가능 ( ++ SSR은 브라우저 렌더링이 아니기 때문에 window
객체가 없다. )window
로 접근 가능 ( 개발자 도구에서 window
입력 )document
속성을 포함하고 있음window.document
document
// 출력결과 같다. 즉, window는 생략가능하다
window
객체의 속성 / 브라우저가 불러온 웹 페이지 / window
창에 로드될 문서window.document
/ document
로 접근 가능document.defaultView
로 window
에 접근 가능Window 는 브라우저의 창
document는 브라우저 창의 HTML 문서 객체
즉, window
객체 안에 document
객체가 존재
따지고 보면 각자 다른 객체이기 때문에, 각자 갖고있는 속성들과 함수들이 다르다.
직접 개발자도구에서 console
로 찍어보며 속성들을 확인해보자!
window는 document가 아니기때문에, window에서 getElementById, children..과 같은 속성들에 바로 접근할 수 없다.
즉, document객체와 window객체에서 수용 가능한 event 리스트가 다르기 때문에, 같은 addEventListener가 있다고 하더라도 각 용도에 맞게 호출해야 한다.
https://developer-alle.tistory.com/400
https://developer-talk.tistory.com/125
https://nookpi.tistory.com/56