학습목표 정리

[JS/브라우저] DOM Chapter - DOM 이해하기

he2mo 2021. 9. 3. 16:39

 

 

Achievement Goals

 

  • DOM의 개념을 이해할 수 있다.

 

DOM은 문서 객체 모델(Document Object Model)의 줄임말로 자바스크립트에서 DOM을 이용하면 HTML 문서를 마음대로 조작할 수 있다.

 

  • DOM의 구조를 파악하고, HTML과 DOM이 어떻게 닮아있는지 알 수 있다.

 

HTML 과 DOM 모두 트리구조로 이루어져 있으므로 DOM을 이용하여 HTML 을 조작할 수 있다.

 

  • HTML에서 Javascript 파일을 불러올 때 주의점에 대해서 이해할 수 있다.

 

HTML에서는 <script> 태그를 이용하여 Javascript 파일을 불러 올 수 있는데 불러오는 위치에 따라 적용되는 방식에 차이가 있다. <head> 태그 안에 사용하거나 </body> 이전에 사용하는 두 가지 방법이 주로 사용된다. 만약 <head> 태그 안에 <script> 태그를 넣었는데 자바스크립트 파일에서 body태그 안의 엘리먼트를 DOM을 이용해 참조할 경우 제대로 동작하지 못 한다.