[모든 개발자를 위한 HTTP 웹 기본 지식] 2. URI와 웹 브라우저 요청 흐름

 

 

URI

URI(Uniform Resource Identifier) - 리소스를 식별하는 통합된 방법

 

URI? URL? URN?

 

“URI는 로케이터(Locator), 이름(Name) 또는 둘 다 추가로 분류될 수 있다”

리소스를 식별한다?
자원이 어디에 있는지 식별함. 사람을 식별하기 위해 주민등록번호를 사용하는 것을 생각하면 됨.

 

URI

• Uniform: 리소스 식별하는 통일된 방식
• Resource: 자원, URI로 식별할 수 있는 모든 것(제한 없음)
• Identifier: 다른 항목과 구분하는데 필요한 정보

 

URL, URN

• URL (Uniform Resource Locator): 리소스가 있는 위치를 지정 (ex. 서울시 강남구 …)
• URN (Uniform Resource Name): 리소스에 이름을 부여 (ex. 허당근)
• 위치는 변할 수 있지만, 이름은 변하지 않음
• urn:isbn:891000101010 (어떤 책의 isbn URN)
• URN 이름만으로 실제 리소스를 찾을 수 있는 방법이 보편화 되지 않음
  • 이름으로 부여하면 찾기가 너무 힘듦. 그래서 거의 URL만 사용함.
• URI를 URL과 같은 의미로 생각하면 됨

 

URL 전체 문법

• scheme://[userinfo@]host[:port][/path][?query][#fragment]
  • (ex) https://www.google.com:443/search?q=hello&hl=ko

scheme

• 주로 프로토콜 사용
• 프로토콜: ‘어떤 방식으로 자원에 접근할 것인가’ 하는 클라이언트와 서버간의 약속 규칙
  • (ex) http, https, ftp 등

userinfo

• URL에 사용자 정보를 포함해서 인증
• 거의 사용하지 않음

host

• 호스트명
• 도메인명 또는 IP 주소를 직접 사용 가능

PORT

• 접속 포트
• 생략 가능(일반적으로 생략함)
  • 특정 서버에 접근해야 할 때는 입력하기도 함
• http - 80 포트, https - 443 포트
• https는 http에 보안 추가 (HTTP Secure)
• 대부분 웹사이트들이 https를 사용 중

path

• 리소스 경로
• 계층적 구조
  • /home/file1.jpg - 디렉터리 구조
  • /members - 회원들의 정보
  • /members/100, /items/iphone12 - 특정 회원/아이템 정보

query

• key=value 형태
• ?로 시작, &로 추가 가능
  • ?keyA=valueA&keyB=valueB
• query parameter, query string 등으로 불림
• 웹서버에 제공하는 파라미터
• 문자 형태
  • 숫자를 적어도 다 문자 형태로 넘겨줌

fragment

• html 내부 북마크 등에 사용
• 서버에 전송하는 정보는 아님
• 잘 사용하진 않음

 

 

웹 브라우저 요청 흐름

1. 웹 브라우저가 IP, PORT를 얻음

• DNS 서버를 통해 DNS 조회하고 IP 주소를 얻음
• 프로토콜을 보고 PORT를 얻음 (HTTP는 80, HTTPS는 443)

2. 웹 브라우저가 HTTP 요청 메시지를 생성

• GET /search?q=hello&hl=ko HTTP/1.1 HOST: www.google.com

3. SOCKET 라이브러리를 통해 OS의 TCP/IP로 서버에게 메시지 전달

• 3-1. TCP/IP 연결 (IP, PORT)
  • IP, PORT 정보를 얻었으니 TCP 3 way handshake로 구글 서버와 연결
  • 그리고 서버에 데이터 전달
• 3-2. 데이터 전달

4. TCP/IP 패킷 생성, HTTP 메시지 포함

• HTTP 메시지: 웹 브라우저가 생성

5. 인터넷 망에 메시지를 던짐

6. 수 많은 노드들을 통해 구글 서버에 요청 패킷 도착

7. 서버에서 TCP/IP 패킷을 까고, HTTP 요청 메시지를 해석함

• path는 뭐고, query는 어떻고, …

8. HTTP 응답 메시지 생성, 메시지에 TCP/IP 패킷 생성하여 인터넷 망에 메시지(응답 패킷) 던짐

9. 수 많은 노드들을 통해 웹 브라우저에 응답 패킷 도착

10. 웹 브라우저에서 TCP/IP 패킷을 까고, HTTP 응답 메시지를 해석함

11. 웹 브라우저가 HTML 렌더링, 화면에 그림