TIL/JavaScript

TIL/JavaScript
[JS] 문서 로드 시점 제어 DOMContentLoaded, load 이벤트
문서가 로딩되는 시점 제어하는 DOMcontentLoaded, load 이벤트 📌 Event DOMContentLoaded, load 는 브라우저가 HTML을 전부 읽고 DOM 트리를 완성할 때 발생되는 이벤트다. DOMContentLoaded – 브라우저가 HTML을 전부 읽고 DOM 트리를 완성하는 즉시 발생합니다. 이미지 파일()이나 스타일시트 등의 기타 자원은 기다리지 않습니다. load – HTML로 DOM 트리를 만드는 게 완성되었을 뿐만 아니라 이미지, 스타일시트 같은 외부 자원도 모두 불러오는 것이 끝났을 때 발생합니다. 📌 사용상황 DOMContentLoaded – DOM이 준비된 것을 확인한 후 원하는 DOM 노드를 찾아 핸들러를 등록해 인터페이스를 초기화할 때 load – 이미지 사이..