Request Life

주소 입력 연결 경로: 네트워크 요청과 브라우저 렌더링으로

웹 페이지가 보이는 과정은 서버에서 파일을 받는 일과 브라우저가 그 파일을 해석해 화면에 그리는 일이 차례로 연결된 결과입니다.

URL

주소 해석

브라우저가 프로토콜, 도메인, 경로를 나누고 보안 연결을 준비합니다.

DNS

서버 찾기

도메인 이름을 실제 서버 IP 주소로 바꿉니다.

HTTP

요청과 응답

브라우저가 서버에 리소스를 요청하고 상태 코드와 본문을 받습니다.

Render

화면 그리기

HTML, CSS, JS를 해석해 DOM과 스타일, 레이아웃을 만들어 표시합니다.

처음 헷갈리는 경계

Client

브라우저처럼 요청을 보내고 응답을 해석하는 쪽입니다.

Server

요청을 받아 HTML, CSS, JS, 데이터 등을 돌려주는 쪽입니다.

Protocol

HTTP와 HTTPS는 요청과 응답의 약속이며 보안 여부도 포함합니다.

디버그 기준

페이지가 안 뜰 때는 주소, 네트워크, 응답 상태, 콘솔 오류, 렌더링 문제를 순서대로 나누어 확인합니다.