Main question 웹페이지가 외부 리소스(이미지, 비디오 등)를 읽어들이기 전까지는 로딩 화면을, 모든 리소스를 읽어들인 후 준비가 되었을 때 페이지를 보이게 하려면? Question 1. 모든 리소스를 읽었는지 여부를 어떻게 알 수 있을까? 우선 웹 브라우저의 자바스크립트 실행 순서에 대해 알아보자. 웹 브라우저의 자바스크립트 실행 순서 렌더링 엔진은 다음의 순서로 HTML 코드를 실행한다 ✅ Window 객체 생성 (웹 페이지와 탭마다 생성) ✅ Window 객체의 프로퍼티로 Document 객체 생성, DOM 트리 구축 시작 - document.readyState = "loading" ✅ HTML 문서 순서에 따라 분석하여 DOM 트리 구축 - 중간에 script 요소가 있으면 HTML 문서..