[JavaScript] 자바스크립트 페이지 로드 시 이벤트 사용하기

110_자바스크립트 페이지 로드 시 이벤트 사용하기 [적용] DOM 요소 엑세스 타이밍에 맞춰 작업을 처리하고 싶을 때 이미지 로딩이 완료된 후 작업을 처리하고 싶을 때 [문법] 이벤트 발생 타이밍 DOMContentLoaded HTML 문서 로딩 완료 시점 load 모든 리소스 로딩 완료 시점 [내용] 자바스크립트에서 DOM 요소의 조작 가능 시점은 HTML 문서의 로딩 완료 시점으로 이 시점에서 DOMContentLoaded 이벤트가 발생한다. 페이지 내 .box 요소의 개수를 세는 샘플을 확인해 보자. 다른 샘플과 달리 script 태그에 defer 속성을 부여하지 않는다. HTML index.html 박스 박스 박스 JavaScript main.js // DOM 엑세스 타이밍에 처리 실행 wond..

2022.06.23