학습 공간 개념 · 판단 · 실험

Fanta Lab

질문 168 · 실전 면접 답변

브라우저 주소창에 URL을 입력하면 화면이 표시되기까지 어떤 일이 일어나나요?

이렇게 답해 보세요 (핵심 답변)

사용자가 URL을 입력하면 브라우저는 먼저 입력값을 파싱해 유효한 URL인지 확인하고, HSTS나 서비스 워커, 브라우저 캐시에 재사용 가능한 응답이 있는지 확인합니다. 새로 요청해야 한다면 DNS 조회로 서버 IP를 찾고 TCP 연결(및 HTTPS의 경우 TLS 핸드셰이크)을 맺은 뒤 HTTP 요청을 보내 응답 헤더와 HTML 바이트 스트림을 받습니다. 이어서 렌더러가 HTML을 파싱해 DOM을 만들고 필요한 CSS·JS·이미지를 추가로 로드하면서 스타일 계산(CSSOM) → 레이아웃 → 페인트 → 합성 단계를 거쳐 화면에 픽셀을 그리며, 이 과정은 캐시 적중이나 HTTP/2·3 연결 재사용 여부에 따라 일부 단계가 생략되거나 병렬로 진행됩니다.

함께 설명하면 좋은 이유 (꼬리질문 대비)

  1. 네트워크 탐색 단계(DNS·TCP·TLS·HTTP)와 브라우저 렌더링 파이프라인(DOM·CSSOM·Layout·Paint·Composite)을 연결해 설명하면 어느 구간에서 지연이 생길 수 있는지 한눈에 보여 줄 수 있습니다.
  2. HTML 전체가 다 도착하기 전에도 브라우저는 스트리밍으로 받은 청크부터 점진적으로 파싱하고 하위 리소스를 미리 요청(Preload Scanner)합니다.

면접에서 자주 하는 실수

캐시나 기존 연결 재사용을 무시하고 모든 URL 이동마다 언제나 DNS 조회와 TCP/TLS 핸드셰이크가 처음부터 새로 일어난다고 단정해서는 안 됩니다.

원리와 예제까지 읽기

공식 참고 자료

질문 목록 출처 ↗ · 원본 168번을 바탕으로 질문과 답변을 새로 정리했습니다.

← 브라우저