Skip to content

Latest commit

 

History

History
53 lines (33 loc) · 2.21 KB

DEEP DIVE - www.naver.com을 주소창에 입력했을 때 화면이 나타나기까지의 과정.md

File metadata and controls

53 lines (33 loc) · 2.21 KB

DEEP DIVE : www.naver.com을 주소창에 입력했을 때 화면이 나타나기까지의 과정

www.naver.com을 주소창에 입력했을 때 화면이 나타나기까지의 과정

Untitled

  1. 대기열, 캐싱, DNS, 라우팅, ARP, 초기연결을 거쳐 컨텐츠 다운
  2. 브라우저렌더링과정을 거쳐 네이버 화면이 나타남
  • 위 과정들은 캡슐화, 비캡슐화를 거치며 이루어진다

대기열

  • 브라우저는 주소창입력에 대한 요청을 대기열에 넣는다

캐시

  • 요청된 값의 결과값을 저장하고 그 값을 다시 요청하면 다시 제공하는 기술
  • 브라우저 캐시와 공유 프록시 캐시로 나뉨
    • 브라우저 캐시

      • 쿠키, 로컬스토리지 등을 포함한 캐시
      • 사용자가 HTTP를 통해 다운로드하는 모든 문서를 브라우저 자체에 저장
      • 예) 사이트 재방문시 컨텐츠가 빠르게 표시되는 경우
    • 공유 프록시 캐시

      Untitled 1

      • 서버에서 프록시서버가 캐싱
      • 예) 웹서버 앞단에 Nginx서버를 둬서 캐싱서버로 이용

DNS

Untitled 2

  • 브라우저가 요청 IP 주소를 확인하는 단계
  • DNS(Domain Name Server)는 도메인명과 IP주소를 매핑해주는 서버
  • DNS서버로 요청을 전달하기 전에 캐시를 먼저 확인 후 캐시미스일 경우 요청

IP 라우팅 & ARP

  • IP라우팅과 ARP 과정을 거쳐 실제 서버를 찾음

초기 연결

  • 브라우저가 TCP 3-way handshake 및 SSL 연결 등을 통해 연결을 설정
  • 연결이 설정된 후 요청을 보내면 드디어 해당 서버로부터 응답을 받음

콘텐츠 다운로드

  • 브라우저가 서버로부터의 응답을 수신

브라우저렌더링

  • 받은 데이터를 바탕으로 브라우저 엔진이 브라우저렌더링 과정을 거쳐 화면을 만듬