📌"브라우저가 HTML을 어떻게 화면에 띄울까?"
📖 본문1. 크리티컬 렌더링 패스란?브라우저가 HTML, CSS, JavaScript를 해석하고,**사용자가 볼 수 있는 화면(Pixel)**으로 만드는 전체 과정을 말합니다.즉, “코드를 → 화면”으로 바꾸는 여정이죠.2. 단계별 과정① HTML 파싱 → DOM 생성브라우저가 HTML 파일을 위에서부터 한 줄씩 읽음태그를 구조화하여 DOM(Document Object Model) 트리로 만듦② CSS 파싱 → CSSOM 생성 또는 태그의 CSS를 해석CSS 규칙을 트리 구조로 만들어 CSSOM 형성③ Render Tree 생성DOM + CSSOM 결합 → 렌더 트리(Render Tree) 생성실제 화면에 보여질 요소와 스타일 정보만 포함④ 레이아웃(Layout)각 요소의 크기와 위치 계산반응형이라면..
Computer Science/NetWork
2025. 8. 9. 21:44
