web 요청 흐름 지도

웹: 주소 입력부터 응답 렌더링까지 이어지는 약속

브라우저, DNS, HTTP, 서버, HTML 렌더링을 한 줄로 연결하면 화면이 왜 늦거나 깨지는지 추적하기 쉬워집니다.

요청 경로

01URL 02DNS 03HTTP 04Server 05Render

주소 해석

도메인을 실제 서버 위치로 바꾸고, 프로토콜과 경로를 요청에 담습니다.

요청/응답

브라우저는 헤더와 본문을 보내고 서버는 상태 코드와 리소스로 답합니다.

표준 약속

HTML, CSS, JavaScript는 브라우저가 해석할 수 있는 공개 규칙입니다.

디버깅 단서

Network 탭의 상태 코드, MIME, 캐시 여부가 첫 번째 확인 지점입니다.