본문 바로가기
WEB

[WEB/HTTP] 02. URI와 웹 브라우저 요청 흐름

by 상후 2021. 8. 8.
728x90
반응형

 

 

이 글은 인프런 강의 "모든 개발자를 위한 HTTP 웹 기본 지식" 을 학습하며 정리한 내용입니다.

저처럼 HTTP를 알고 싶거나, 겉핥기로 알고 있는 분들에게 위 강의를 추천합니다.

 

정리한 내용 중 틀린 내용이 있으면 지적해주시면 수정하겠습니다.


1. URI(Uniform Resource Identifier)

  • URI ? URL ? URN ?

출처 : 인프런 "모든 개발자를 위한 HTTP 웹 기본 지식" 강의

URI가 URL, URN 모두 포함하는 개념

 

  • URI 단어 뜻

Uniform : 리소스 식별하는 통일된 방식

Resource : 자원, URI로 식별할 수 있는 모든 것(제한 없음)

Identifier : 식별자,  다른 항목과 구분하는데 필요한 정보

 

  • URL, URN

URL - Locator : 리소스가 있는 위치를 지정

URN - Name : 리소스에 이름을 부여

 

위치는 변할 수 있지만, 이름은 변하지 않음

URN은 거의 사용 X

URI과 URL를 같은 의미로 칭함

 

  • URL 전체 문법 및 분석

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

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

 

프로토콜(https)

사용자 정보

호스트명(www.google.com)

포트 번호(443)

경로, Path(/search)

쿼리 파라미터(q=hello&hl=ko)

fragment(html 내부 북마크 등)

 

  • URL scheme (프로토콜)

주로 프로토콜 사용

프로토콜 : 어떤 방식으로 자원에 접근할 것인가 하는 약속, 규칙

http는 80 포트,  https는 443 포트를 주로 사용, 포트는 생략 가능

https는 http에 보안 추가

 

  • URL userinfo (사용자 정보)

URL에 사용자 정보를 포함해서 인증, 거의 사용 X

 

  • URL PORT (포트 번호)

접속 포트 번호

일반적으로 생략, 생략 시 http는 80, https는 443

특정 서버 내 직접 접속할 때에는 해당 애플리케이션의 포트번호를 입력하여 접속할 수 있음

 

  • URL path (경로)

리소스의 경로, 계층적 구조로 주로 이루어짐

 

  • URL query (쿼리 파라미터, 쿼리 스트링)

key=value 형태

?로 쿼리 스트링 시작을 구분, &로 데이터 추가 가능 → ?key1=value1&key2=value2

클라이언트에서 웹 서버에게 제공하는 파라미터(데이터), 문자 형태로 제공

 

  • URL fragment

서버에 전송하는 정보는 아님

html 내부 북마크 등에 사용, 웹 페이지 내 특정 위치로 이동할 때 사용(깃허브에서 많이 사용하는 거 봄)


2. 웹 브라우저 요청 흐름

 

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

 

①  www.google.com → DNS 조회하여 목적지 IP 확인

②  :443 → 프로토콜이 https이므로 443, 생략 가능

③  HTTP 요청 메시지 생성

출처 : 인프런 "모든 개발자를 위한 HTTP 웹 기본 지식 강의" 강의

GET : HTTP 요청 방식 중 GET방식 요청
/search?q=hello~~ : 요청 Path 및 쿼리 파라미터 정보
HTTP/1.1 : HTTP 1.1 버전 프로토콜 사용
Host : www.google.com : 목적지 호스트

위처럼 생각하였습니다, 자세한 내용은 이후 강의에서 !   

 

④ SOCKET 라이브러리를 통해 전달(3 way handshake, 데이터 전달)

⑤ TCP/IP 패킷 생성, HTTP 메시지를 감싼 형태

⑥ 인터넷을 통해 목적지 서버로 요청 패킷 전달 및 통신

 

⑦ 목적지 서버(google)에 요청 패킷 도착 후 HTTP 응답 메시지 생성

출처 : 인프런 "모든 개발자를 위한 HTTP 웹 기본 지식 강의" 강의

HTTP/1.1 : 통신 방식
200 OK : HTTP 응답 코드 "성공"
Content-Type : text/html;charset=UTF-8 : 본문의 타입은 html이고, 문자형태는 UTF-8
Content-Length : 3424 : 본문 길이
<html> ... </html> : 응답 메시지 본문

위처럼 생각하였습니다, 자세한 내용은 이후 강의에서 !

 

⑧ 서버(google)에서 HTTP 응답 메시지 반환

 


학습 후기

1강에 이어서 역시나 겉핥기로 알고 있던 내용을 좀 더 명료하고 이해가 비교적 쉽게 할 수 있었다.

너무나 유익한 강의..

글로 정리를 하려고 하니 역시 더 어렵다.. 화이팅~

 

 

 

 

 

 

728x90
반응형

'WEB' 카테고리의 다른 글

[WEB/HTTP] 06. HTTP 상태코드  (0) 2021.08.22
[WEB/HTTP] 05. HTTP 메서드 활용  (0) 2021.08.16
[WEB/HTTP] 04. HTTP 메서드  (0) 2021.08.15
[WEB/HTTP] 03. HTTP 기본  (0) 2021.08.14
[WEB/HTTP] 01. 인터넷 네트워크  (0) 2021.08.07

댓글