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을 이용해 참조할 경우 제대로 동작하지 못 한다.
'학습목표 정리' 카테고리의 다른 글
[JS/브라우저] DOM Chapter - 이벤트 객체 (0) | 2021.09.13 |
---|---|
[JS/브라우저] DOM Chapter - DOM으로 HTML 조작하기 (0) | 2021.09.03 |
[JS/Node] 핵심 개념과 주요 문법 Chapter - Spread/Rest 문법 (0) | 2021.09.02 |
[JS/Node] 핵심 개념과 주요 문법 Chapter - 스코프, 클로저 (0) | 2021.08.30 |
[JS/Node] 핵심 개념과 주요 문법 Chapter - 원시 자료형과 참조 자료형 (0) | 2021.08.25 |