[JavaScript] Window와 Document

　window와 document의 차이에 대해 알아봅니다. 둘의 차이가 궁금해서 검색했더니 구글 스니펫이 2010년도 글을 추천해줬습니다. 무려 12년 전 글입니다. 구글 SEO의 선택에 질문을 던지고 싶습니다.

---

window와 document 차이

window 객체는 브라우저 창입니다.(빨간색 영역) document 객체는 브라우저 창 안에 있는 HTML 문서 객체입니다.(파란색 영역) document는 window 객체의 property입니다.

> console.log(`${JSON.stringify(window.document) === JSON.stringify(document)}`);
>> true

---

window

window 객체는 브라우저 탭의 전역 객체입니다. console 창에서 window로 접근할 수 있습니다.

document

document 객체는 document, window.document로 접근할 수 있습니다.

---

다음 글은 DOM 문서 객체 조작에 대해 다룹니다.

💁‍♂️reference

sitepointcommunity

sitepointcommunity ㅣ출처

EOD.