[웹기초] URL와 웹 브라우저 요청 흐름

이 글은 인프런 김영한 강사님에 모든 개발자를 위한 http웹 기본지식의 강의 내용을 바탕으로 작성되었습니다.

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

• URI -> 로케이터, 이름 또는 둘 다 추가로 분류될 수 있다(URL, URN 둘 다 포함하고 있음).
  • Uniform : 리소스 식별하는 통일된 방식
  • Resource: 자원, URI로 식별할 수 있는 모든 것(제한 없음)
  • Identifier: 다른 항목과 구분하는데 필요한 정보
• URL -> ex) www.example.com:8043
  • Uniform Resource Locator
  • 리로스가 있는 위치를 지정
  • 위치는 변할 수 있다
• URN -> example:animal:ferret:nose
  • Uniform Resource Name
  • 리소스에 이름을 부여
  • 이름은 변하지 않는다
  • 이름만으로 실제 리소스를 찾을 수 있는 방법이 보편화 되지 않음

URL 문법이란?

ex) scheme://[userinfo@]host[:port][/path][?query][#fragment]

      -> https://www.google.com:443/search?q=hello&hl=ko

• https: 프로토콜콜
• www.google.com : 호스트명(IP주소를 직접 입력 가능)
• 443 : 포트번호(생략 가능)
• /search : 패스(계층적 구조로 되어있음)
• q=hello&hl=ko : 쿼리 파라미터(key=value형태,?로 시작 및 &로 추가)

웹브라우저에서 흘러가는 방향이란?

내가 구글 서버로 접속하는 방향

내가 구글 서버로 접속을 희망한다면 HTTP 요성 메시지를 생성해야 한다.

HTTP 요청 메시지

HTTP 요청 메시지는 간단하게 말하면 저런 식으로 생겼다.

구조

메시지를 패킷에 넣어 준 뒤 각 계층을 지나 서버로 전송이 된다.

패킷 구조

패킷의 구조는 윗 사진과 같다.

전달 되는 흐름

메시지가 구글 서버로 도착하게 된다면, 서버가 TCP/IP 패킷을 다 까 본 뒤에 메시지를 해석한다.

서버 응답 메시지

그렇게 되면 구글 서버에서 저런 응답 메시지를 보내 준다.

응답 메시지 결과

클라이언트가 응답 메시지를 받으면 웹브라우저에서 렌더링을 하여 결과물을 보여준다