주소 입력 뒤 브라우저와 서버가 역할을 나눠 화면을 만든다

한 페이지가 나타날 때 네트워크·파싱·렌더링 책임이 어떤 순서로 이어지는지 본다.

URL

주소 해석

scheme·host·path를 나누고 DNS로 서버를 찾음

HTTP

요청·응답

브라우저가 문서를 요청하고 서버가 HTML을 반환

HTML

DOM 구성

태그를 문서 구조 트리로 파싱

CSS

스타일 계산

선택자와 규칙을 각 DOM 노드에 적용

Render

배치·그리기

크기와 위치를 계산해 픽셀로 표시

핵심문제가 보이면 주소·응답·DOM·스타일·배치 중 어느 경계에서 기대와 달라졌는지 좁힌다.