요청-응답 기준

브라우저 요청이 화면이 되기까지

주소를 입력하면 브라우저는 위치를 찾고, 서버와 통신하고, 받은 HTML·CSS·JavaScript를 조합해 화면을 만듭니다.

주소에서 화면까지

URL → DNS → HTTP → Server → Render
1

URL 해석

프로토콜, 도메인, 경로를 나누어 요청 대상을 정합니다.

2

DNS 조회

도메인을 서버 IP 주소로 바꿔 연결 위치를 찾습니다.

3

HTTP 요청

메서드, 헤더, 쿠키를 담아 서버로 보냅니다.

4

서버 응답

상태 코드와 HTML, CSS, JavaScript 같은 자원을 돌려받습니다.

5

렌더링

DOM, CSSOM, 스크립트를 조합해 화면을 그립니다.

증상
의심 위치
확인할 것
느림
네트워크 또는 서버
응답 시간, 파일 크기, 캐시 여부
오류 코드
요청 또는 서버 처리
URL, 상태 코드, 서버 로그
빈 화면
브라우저 렌더링
DOM, CSS, JavaScript 콘솔 오류

요청을 먼저 본다

주소와 HTTP 요청이 올바른지 확인하면 문제 위치가 빠르게 좁혀집니다.

응답을 분리한다

상태 코드, 헤더, 본문은 서버가 무엇을 돌려줬는지 보여줍니다.

화면은 마지막이다

응답이 정상이어도 렌더링과 스크립트 단계에서 화면이 깨질 수 있습니다.