(4) URI & 웹브라우저 요청 흐름 - URI, 웹브라우저 요청 흐름

1. URI 란?

1-1) 정의

a) 의미

Uniform Resource Identifier 라는 의미로

리소스를 식별하는 통합된 방법이라는 의미

• Uniform : 리소스 식별하는 통일된 방식
• Resource : 자원, URI로 식별할 수 있는 모든 것(제한 없음)
  - URI로 식별할 수 있는 모든 정보를 리소스라고 함
    ( file / html 등등... )
• Identifier : 다른 항복과 구분하는 데 필요한 정보

b) URI와 하위 개념

URI는  URL / URN을 포함하는 개념

• URL
  - Locator, 리소스가 있는 위치를 지정
  - URI == URL 의 개념으로 봐도 됨
• URN
  - Name, 리소스에 이름을 부여
  - 이름만으로 리소스를 찾는 방법이 보편화 되지 않았음

 

1-2) URL / URN의 차이점

URN은 이름마다 모두 mapping되어있어야 해서 중간단 구현이 어려움

URL의 개념이 더 중요

 

 

2. URL 분석

2-1) URL 예시

 

2-2) 작성방식

Syntax

전체 문법

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

scheme (ex 프로토콜)	https
userinfo@	-
호스트명	www.google.com
포트번호
패스	/search
쿼리 파라미터	q=hello&hl=ko
fragment	-

1. scheme
   - 주로 프로토콜 사용
   - 프로토콜 : 어떤 방식으로 자원에 접근할 것인가 약속하는 규칙
                    ex) http, https, ftp 등등
                    http : 80 포트 / https : 443 포트 사용, scheme에 [http/https]명시한 경우 포트 생략가능
                    일반 경우에도 포트는 생략 가능(서버쪽에서 작업 해준다면?)
                    https 는 http에 보안 추가된 것
2. userinfo
   - url에 사용자정보 포함해서 서버에 접근해야할 때 사용
   - 실제는 거의 사용하지 않음
3. host
   - 호스트명
   - 도메인 명 또는 ip 주소를 직접 사용가능
   - DNS 사용시 DNS 서버로 가서 ip 주소를 가져오도록 되어있음
4. path
   - 계층적 구조로 구성
   - ex

   

5. query
   - key=value syntax를 이용
      ※ key value는 서버단에서 지정해주는 것
   - ?로 시작, &로 쿼리 parameter 매개변수 추가가능
   - query parameter, query string 등으로 불림 (숫자를 기입해도 string으로 넘어가므로)
6. fragment
   - html 내부 북마크 등에 사용 (클릭시 중간에 이동하는 등)
   - ex
   

   

 

 

3. 웹브라우저 요청시 흐름

3-1) 접속 url 예시

 

3-2) 과정

웹브라우저 기준으로 설명, 다른 어떤 application / 응용프로그램인 경우도 비슷하게 동작

(a) 웹브라우저 상 동작

1) DNS 서버 조회
2) IP 주소 DNS 서버에서 가져오고, https를 사용하므로 port 443으로 정보를 setting

3) HTTP 요청 메세지 작성

4) HTTP 메세지 전송

※ 3 way 미리 check!

※ 패킷 생성은 OS TCP에서 + 전송(+이후 전송여부는 따로 체크)

 

(b) 서버 상 동작

1) 서버에서 메시지 받은 후 패킷만 까서 string 쿼리 분석 후 데이터 분석 및 쿼리 실행 등...

2) 서버의 HTTP응답 메시지 동일한 방법으로 전송

3) Clinet 정보 받은 후 패킷만 까서 rendering

---

참조

섹션 : URI & 웹브라우저 요청 흐름

https://www.inflearn.com/course/http-%EC%9B%B9-%EB%84%A4%ED%8A%B8%EC%9B%8C%ED%81%AC/dashboard

모든 개발자를 위한 HTTP 웹 기본 지식 - 인프런 | 강의