문서객체 : HTML페이지에 있는 html, head, body, title, h1, div, span 등을 HTML에서는 요소라고하고, 자바스크립트에서 문서객체라 합니다. DOMContentLoaded 이벤트 : 문서객체를 조작할 때 사용합니다. //DOMContentLoaded에 오타가 나도 오류를 출력하지 않으므로 오타에 주의한다. document.addEventListener('DOMContentLoaded', () => { //문장 } HTML페이지가 코드를 읽는 순서 1 이 있으므로 HTML5문서이다 2 html태그가 있어 만든다. 3 head 태그가 있어 만든다. 4 title 태그가 있어 만든다. 5 body 태그가 있어 만든다. 위에서 아래로, 왼쪽에서 오른쪽으로 순서대로 코드를 읽습니다..
