[Network] 주소창에 www.naver.com을 입력할 때 내부에서 일어나는 일들

DaeHoon·2023년 6월 17일
0

Network

목록 보기
1/2

1. 사용자 입력

  • 사용자는 웹 브라우저의 주소 표시줄에 "www.naver.com" 또는 "네이버"와 같은 검색어를 입력한다
  • 만약 입력된 텍스트가 검색어이면 검색 엔진의 URL에 검색어를 포함하여 이동시킨다.
  • 입력된 텍스트가 URL이면 DNS서버에 naver.com의 주소를 요청할 준비를 한다.

2. DNS 조회

  • 먼저 캐싱된 DNS 기록이 있는지 확인하고 있으면 캐싱된 IP 주소를 반환한다.
  • 없을 시 DNS(Domain Name System) 서버에 쿼리를 보낸다. - DNS는 도메인 네임을 해당하는 IP 주소로 변환해주는 역할을 한다.

3. 서버 연결 (TCP/IP 연결)

  • 브라우저는 DNS 서버로부터 받은 IP 주소를 사용하여 네이버 서버와 TCP/IP 연결을 수행한다. 이를 위해 TCP의 "3-way handshake" 절차를 거쳐 송신자와 수신자 간의 가상 연결을 설정한다.

4. HTTP 요청

  • 연결이 수립되면 브라우저는 HTTP(Hypertext Transfer Protocol) 요청 메시지를 생성하여 네이버 서버에 보낸다.

5. 서버 응답

  • 네이버 서버는 브라우저로부터 받은 HTTP 요청을 처리하고 HTTP 응답 메시지를 생성한다.
  • 네이버 홈페이지에 대한 HTML, CSS, JavaScript, 이미지 등의 리소스가 포함

6. 응답 수신 및 처리

  • 브라우저는 네이버 서버로부터 받은 응답을 수신하고 처리한다.
  • HTML 문서를 파싱하여 웹 페이지의 구조를 이해하고, CSS 스타일을 적용하여 디자인을 결정하며, JavaScript 코드를 실행하여 동적인 기능을 구현한다

7, 화면 표시

  • 브라우저는 처리된 HTML, CSS 및 JavaScript를 이용하여 화면에 네이버 홈페이지를 표시한다. 이를 위해 렌더링 엔진이 웹 페이지의 구성 요소를 배치하고 그래픽을 화면에 그린다

8. 추가 리소스 로딩

  • 웹 페이지에는 이미지, 동영상, 외부 스크립트 등 추가적인 리소스들이 포함될 수 있음.
  • 브라우저는 필요한 리소스들을 다운로드하고 화면에 삽입하여 웹 페이지를 완전히 표시함.

9. 완료

profile
평범한 백엔드 개발자

0개의 댓글