[CS] 브라우저 주소창에 url(도메인)을 입력하면?

 

🧐 기술 면접 단골 질문 중 하나라는 네트워크 상식!
그중에서 가장 기본이 되는 url 입력 시 일어나는 일을 정리해 봤다.
우리 눈에는 주소창에 url을 입력하고 enter를 누르자마자 페이지가 보이지만
그 과정은 아주 복잡하다. 😵

 

1. 브라우저 주소창에 URL을 입력

• 주소창에 tistory.com을 입력한다.

 

 

2. 브라우저가 IP 주소를 찾기 위해 캐시에서 DNS 기록 확인

• DNS (Domain Name System) : 인터넷 전화번호부 역할이다. url의 IP 주소와 도메인 주소를 연결해 준다.

 

 

3. 캐시에 없다면 ISP의 DNS 서버가 쿼리로 url을 호스팅 하는 서버의 IP 주소 찾기

• DNS 쿼리 : url에 대한 올바른 IP 주소를 찾을 때까지 브라우저에서 여러 DNS 서버를 검색한다.

 

 

4. ARP로 해당 IP의 MAC 주소 찾기

• ARP (Address Resolution Protocol) : IP 주소를 MAC 주소와 매칭 시키기 위한 프로토콜
• IP 주소 (Internet Protocol address) : 호스트나 라우터 장비의 인터페이스에 할당된 주소
  ex) 192.168.107.11
• MAC 주소 (Media Access Control address) : 데이터 링크 계층과 물리 계층에서 사용하는 16진수 고유 식별자
  ex) f8:a2:d6:8e:04:5b

 

 

5. 브라우저가 해당 서버와 TCP 소켓 연결 시작

• 브라우저가 올바른 주소를 받으면 그와 일치하는 서버와 연결해서 정보를 전송한다.
• 연결을 할 때는 인터넷 프로토콜(IP)을 사용하는데, 일반적으로 HTTP 요청에서는 TCP를 사용한다.
• IP (Internet Protocol) : 송신/수신 호스트가 패킷 교환 네트워크에서 정보를 주고받을 때 사용하는 규약
• TCP (Transmission Control Protocol) : 전송 제어 프로토콜
  • TCP/IP 3-way handshake (3단계 프로세스)
  • 이해를 도울 예시 : ① (A 요청) 돈 보내줘 ② (B 응답) 돈 보냈음 ③ (A 승인) 입금 확인함
    1. 클라이언트 -> 서버 : SYN 패킷 전송. 새 연결이 가능한지 질문
    2. 서버 -> 클라이언트 : 새 연결을 허용할 포트가 있다면 SYN/ACK(승인) 패킷 응답
    3. 클라이언트 : 서버로부터 SYN/ACK 패킷을 받은 후, ACK 패킷을 전송해서 승인

 

 

6. 브라우저가 웹 서버에 HTTP 요청 전송

TCP 연결 후 데이터를 요청하는 GET 요청을 보낸다.

어떤 값을 입력해서 제출하는 경우에는 POST 요청을 보낸다.

요청을 보낼 때에는 HTTP 요청 헤더에 추가 정보를 담아서 보낸다.

 

 

7. 서버가 요청 처리 후 응답 전송

서버에 포함된 웹 서버가 브라우저가 보낸 요청을 받아서 응답을 작성한다.

 

 

8. 서버가 HTTP 응답 전송

• 요청했던 데이터와 상태 코드 등을 포함한 응답을 전송한다.
• 상태 코드 (Status Code)
  • 1xx (Information Response) : 조건부 응답. 요청 받은 후, 나머지 요청 진행
  • 2xx (Successful Response) : 성공
  • 3xx (Redirection Message) : 추가 작업 조치 필요
  • 4xx (Client Error Response) : 클라이언트 측 요청 오류
  • 5xx (Server Error) : 서버 측 오류

 

 

9. 브라우저가 HTML 컨텐츠 보여줌

• 서버에서 받아온 html, css, javascript를 파싱해서 트리를 구축한 후, 화면에 출력한다.