Javascript를 공부하면서 코드를 작성하면 document.을 자주 작성했다. 이유를 모르고 코드를 작성하니 궁금해서 찾아보았다.

DOM을 공부하면서 알게 된 사실이다.

먼저 DOM 이란 #

Document Object Model로 웹 문서를 제어하기 위해 웹 문서를 객체화한 것이다. 이걸 읽었을 때 흠.. 했다. 설명을 봤을 때 왜 객체화를 했을까 궁금했다.

찾아보니.. 브라우저 안에는 웹 문서를 해석하는 렌더링 엔진이 있다. 이 렌더링 엔진이 HTML 문서를 한 줄 한 줄 해석한 다음 트리 형태로 구조화한다. 이게 DOM이다.

왜 document를 사용하는지 알아보자. #

DOM은 트리구조를 가진다. 여기서 document가 가장 최상위 노드이다. 그래서 document 객체로 접근 가능한 것이다!

궁금증을 해결하니 이제 알겠다. 이제 다시 열심히 공부하러 가자.