원격수집 전문가를 위한 브라우저 렌더링 구조 완벽 가이드: DOM, CSSOM, 비동기 로딩까지
현대 웹 페이지는 단순한 HTML 파일 하나로 완성되지 않습니다. 특히 동적인 웹 환경에서는 브라우저가 HTML을 파싱하여 DOM을 만들고, CSS를 해석해 CSSOM을 구성한 뒤, 이들을 결합하여 렌더 트리를 생성하고 화면에 그리는 복잡한 과정을 거칩니다. 여기에 자바스크립트가 실행되면서 Fetch/XHR 요청을 통해 추가 데이터를 비동기적으로 로드하고, DOM을 갱신하며 화면이 다시 바뀌는 경우가 비일비재합니다. 이러한 브라우저 렌더링의 전체 흐름을 … 더 읽기