자바스크립트 페이지 로딩 완료 이벤트1

• 

  [자바스크립트] DOMContentLoaded와 load 이벤트 차이점 (순서, 사용법, 예제) JavaScript를 활용할 때, 두 가지 중요한 이벤트인 DOMContentLoaded와 load 이벤트가 있습니다. DOMContentLoaded와 load 이벤트는 웹 페이지가 로드되고 초기화되는 시점을 다루며, 각각 다른 시나리오와 목적에 사용됩니다. 이벤트 순서 1. 사용자가 웹 페이지에 접속 2. 브라우저가 웹 서버에 페이지 요청 후 HTML 파일을 응답으로 전송 3. DOM(Document Object Model) 트리가 구성 (HTML 파일을 받고, HTML 문서의 파싱) 4. 브라우저는 HTML 문서 내에서 외부 스타일시트, 스크립트 파일, 이미지 등의 리소스를 다운로드하기 위한 추가 요청 5. HTML 문서 파싱 및 DOM 구축이 진행되는 동안, DOMContentLoaded 이벤트가 .. 개발이야기/자바스크립트 2023. 10. 6.