항해/TIL

TIL(2/23) / HTTP

yeeendy 2024. 2. 23. 17:26
HTTP(HyperText Transfer Protocol)

 

들어가기에 앞서

클라이언트 - 서버 간의 통신은 어떻게 하는걸까?

클라이언트와 서버 간의 통신은 요청응답으로 구성된다.

요청이 있어야만 응답이 온다

 

클라이언트와 서버는 HTTP라는 프로토콜을 이용해서 요청과 응답을 주고 받는다.

HTTP를 이용해 주고받는 메시지는 "HTTP 메시지"라고 부른다.

 

프로토콜(Protocol)

프로토콜은 통신 규약, 즉 약속이다.

앞서 웹 애플리케이션 아키텍처에서는 

클라이언트와 서버가 서로 HTTP라는 프로토콜을 이용해서 서로 대화를 나눈다고 했는데, 

요청을 하기 위해서는 각자의 프로토콜마다 지켜야 하는 약속이 있다.

 

주요 프로토콜

OSI 7 Layers

해당 프로토콜이 어떤 계층(layer)에 속해있는지를 표시하고 있다.

(지금은 참고로만 봐두기!)

HTTP Messages

HTTP Messages : 클라이언트와 서버 사이에서 데이터가 교환되는 방식 

HTTP Messages에는 다음과 같은 두 가지 유형이 있습니다.

  • 요청(Requests)
  • 응답(Responses)

HTTP Messages는 몇 줄의 텍스트 정보로 구성됩니다. 

그러나 개발자는 이런 메시지를 직접 작성할 필요가 거의 없습니다. 

구성 파일, API, 기타 인터페이스에서 HTTP Messages를 자동으로 완성합니다.

 

요청(Requests)과 응답(Responses) 다음과 같은 유사한 구조를 가진다.

  1. start line : start line에는 요청이나 응답의 상태를 나타낸다. 항상 첫 번째 줄에 위치.
            응답에서는 status line이라고 부른다.
  2. HTTP headers : 요청을 지정하거나, 메시지에 포함된 본문을 설명하는 헤더의 집합
  3. empty line : 헤더와 본문을 구분하는 빈 줄
  4. body : 요청과 관련된 데이터나 응답과 관련된 데이터 또는 문서를 포함한다.
        요청과 응답의 유형에 따라 선택적으로 사용

이 중 start line과 HTTP headers를 묶어 요청이나 응답의 헤드(head)라고 하고,
payload는 body라고 이야기합니다.

 

Stateless

Stateless는 말 그대로 상태를 가지지 않는다는 뜻입니다. 

HTTP로 클라이언트와 서버가 통신을 주고받는 과정에서, HTTP가 클라이언트나 서버의 상태를 확인하지 않습니다.

사용자는 쇼핑몰에 로그인하거나 상품을 클릭해서 상세 화면으로 이동하고,
상품을 카트에 담거나 로그아웃할 수도 있습니다.
클라이언트에서 발생한 이런 모든 상태를 HTTP 통신이 추적하지 않습니다.
만약 쇼핑몰에서 카트에 담기 버튼을 눌렀을 때, 카트에 담긴 상품 정보(상태)를 저장해둬야 합니다. 

그러나 HTTP는 통신 규약일 뿐이므로, 상태를 저장하지 않습니다.
따라서 필요에 따라 다른 방법(쿠키-세션, API 등)을 통해 상태를 확인할 수 있습니다.

지금은 Stateless(무상태성)가 HTTP의 큰 특징이라고 기억하는 것으로 충분합니다.

 

 

요청 HTTP에서 사용하는 메소드

HTTP Requests

HTTP Requests는 클라이언트가 서버에게 보내는 메시지

start line => 3가지 요소가 있다

  1. 수행할 작업(GET, PUT, POST 등)이나 방식(HEAD or OPTIONS)을 설명하는 HTTP method를 나타냅니다.
    예를 들어 GET method는 리소스를 받아야 하고, POST method는 데이터를 서버로 전송합니다.
  2. 요청 대상(일반적으로 URL이나 URI) 또는 프로토콜, 포트, 도메인의 절대 경로는 요청 컨텍스트에 작성됩니다.
    이 요청 형식은 HTTP method 마다 다릅니다.
  3. HTTP 버전에 따라 HTTP message의 구조가 달라집니다. 따라서 start line에 HTTP 버전을 함께 입력합니다.

Headers

요청의 Headers는 기본 구조를 따른다. =>헤더 이름(대소문자 구분이 없는 문자열), 콜론( : ), 을 입력

값은 헤더에 따라 다릅니다. 여러 종류의 헤더가 있고, 다음과 같이 그룹을 나눌 수 있습니다.

  • General headers : 메시지 전체에 적용되는 헤더로, body를 통해 전송되는 데이터와는 관련이 없는 헤더
  • Request headers : fetch를 통해 가져올 리소스나 클라이언트 자체에 대한 자세한 정보를 포함하는 헤더를 의미 .
    User-Agent, Accept-Type, Accept-Language와 같은 헤더는 요청을 보다 구체화합니다.
    Referer처럼 컨텍스트를 제공하거나 If-None과 같이 조건에 따라 제약을 추가할 수 있습니다.
  • Representation headers : 이전에는 Entity headers로 불렀으며,
    body에 담긴 리소스의 정보(콘텐츠 길이, MIME 타입 등)를 포함하는 헤더입니다.

 

Body  

요청의 본문은 HTTP messages 구조의 마지막에 위치합니다. 모든 요청에 body가 필요하지는 않습니다. 

GET, HEAD, DELETE, OPTIONS처럼 서버에 리소스를 요청하는 경우에는 본문이 필요하지 않습니다. 

POST나 PUT과 같은 일부 요청은 데이터를 업데이트하기 위해 사용합니다. 

body는 다음과 같이 두 종류로 나눌 수 있습니다.

  • Single-resource bodies(단일-리소스 본문) : 헤더 두 개(Content-Type과 Content-Length)로 정의된 단일 파일로 구성됩니다.
  • Multiple-resource bodies(다중-리소스 본문) : 여러 파트로 구성된 본문에서는 각 파트마다 다른 정보를 지닙니다. 보통 HTML form과 관련이 있습니다.

응답 HTTP에서 사용하는 상태 코드

HTTP Responses

HTTP Responses는 서버가 클라이언트에게 보내는 메시지

status line 아시죠? 응답은 status line이라 합니다

다음의 정보를 포함한다.

  1. 현재 프로토콜의 버전(HTTP/1.1)
  2. 상태 코드 - 요청의 결과를 나타냅니다. (ex. 200, 302, 404 등)
  3. 상태 텍스트 - 상태 코드에 대한 설명

Status line의 한 예시로 HTTP/1.1 404 Not Found가 있습니다.

 

Headers

요청 Headers는 동일한 구조를 따른다. =>헤더 이름(대소문자 구분이 없는 문자열), 콜론( : ), 을 입력

값은 헤더에 따라 다릅니다. 여러 종류의 헤더가 있고, 다음과 같이 그룹을 나눌 수 있습니다.

  • General headers : 메시지 전체에 적용되는 헤더로, body를 통해 전송되는 데이터와는 관련이 없는 헤더
  • Request headers : 위치 또는 서버 자체에 대한 정보(이름, 버전 등)와 같이 응답에 대한 부가적인 정보를 갖는 헤더로,
    Vary, Accept-Ranges와 같이 상태 줄에 넣기에는 공간이 부족했던 추가 정보를 제공합니다.
  • Representation headers : 이전에는 Entity headers로 불렀으며,
    body에 담긴 리소스의 정보(콘텐츠 길이, MIME 타입 등)를 포함하는 헤더입니다.

content-encoding: gzip으로 압축했어요 gzip으로 압축 해제해서 보셔야해요

content-type: text형식의 html파일을 보냈구나!(이미지 요청을 보내면 image 응답이 오겠죠?)

last-modified : 이 정보는 마지막으로 언제 수정되었는지 보여줌

 

Body  

응답의 본문은 HTTP messages 구조의 마지막에 위치합니다. 모든 응답에 body가 필요하지는 않습니다. 

201, 204와 같은 상태 코드를 가지는 응답에는 본문이 필요하지 않습니다. 

body는 다음과 같이 두 종류로 나눌 수 있습니다.

  • Single-resource bodies(단일-리소스 본문) :
  • Multiple-resource bodies(다중-리소스 본문) : 서로 다른 정보를 담고 있는 body입니다.


요약

  • HTTP : 사용자가 요청한 정보를 웹 서버에게 대신 물어봐주는 텍스트 정보
  • HTTP Messages : 클라이언트와 서버 사이에서 데이터가 교환되는 방식
  • HTTP 유형 : 요청, 응답
  • HTTP 구조 : 헤더(start line/status line, headers), 바디 (요청과 응답 둘 다)
  • HTTP 특징 : 무상태성, 비연결성

 

'항해 > TIL' 카테고리의 다른 글

TIL(2/27) / thunk  (0) 2024.02.27
TIL(2/26) / Redux Toolkit(Feat.Flux Pattern)  (0) 2024.02.26
TIL(2/19) / 프로토타입  (0) 2024.02.19
TIL(2/17) / JS 이벤트  (0) 2024.02.17
TIL(2/15) / 객체, 변경불가성, 빌트인 객체  (0) 2024.02.15