# 섹션4. HTTP 기본

## 1. 모든 것이 HTTP&#x20;

현재는 모든 형태의 데이터를 HTTP 프로토콜을 사용해 통신한다.&#x20;

* HTML, TEXT&#x20;
* IMAGE, 음성, 영상, 파일&#x20;
* JSON, XML(API)
* 거의 모든 형태의 데이터 전송 가능&#x20;
* 서버간에 데이터를 주고 받을 때도 대부분 HTTP 사용&#x20;
* **지금 HTTP 시대!**&#x20;

### HTTP 역사&#x20;

* HTTP/0.9 : ...
* HTTP/1.0 : ...
* **HTTP/1.1 1997년 : 가장 많이 사용, 우리에게 가장 중요한 버전**&#x20;
* HTTP/2 2015년 : 성능 개선&#x20;
* HTTP/3 진행중 : TCP 대신에 UDP 사용, 성능 개선&#x20;

### 기반 프로토콜

* **TCP** : HTTP1.1, HTTP/2
* **UDP** : HTTP/3
* 현재 HTTP/1.1 주로 사용
  * HTTP/2, HTTP/3 도 점점 증가

현재 HTTP/2 가 가장 많이 사용되고 있다.&#x20;

<figure><img src="https://2093748731-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQMqxl0iBPcO3zyZX5B19%2Fuploads%2FPMJ0kdrQYU8gOB6bV9XT%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202025-06-05%2014.52.05.png?alt=media&#x26;token=9fbc947c-979d-41f0-8d37-f972b180eb52" alt=""><figcaption></figcaption></figure>

### HTTP 특징&#x20;

* 클라이언트 서버 구조&#x20;
* 무상태 프로토콜(스테이스리스), 비연결성&#x20;
* HTTP 메시지&#x20;
* 단순함, 확장 가능&#x20;

## 2. 클라이언트 서버 구조&#x20;

* Request Response 구조&#x20;
* 클라이언트는 서버에 요청을 보내고, 응답을 대기&#x20;
* 서버가 요청에 대한 결과를 만들어서 응답&#x20;

<figure><img src="https://2093748731-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQMqxl0iBPcO3zyZX5B19%2Fuploads%2FCMHWYkUBeM8S6Jjd1nRC%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202025-06-05%2014.55.17.png?alt=media&#x26;token=a8c8c700-34fa-4df0-9f60-a1537536f2c9" alt=""><figcaption></figcaption></figure>

#### 해당 구조의 장점

* Request Response 구조의 장점은 **클라이언트, 서버가 각각 독립적으로 성장할 수 있다는데 있다.**&#x20;
  * 예를 들어, 클라이언트 입장에서는 UI 에 집중하면 되지, 클라이언트에 집중할 필요가 없다. (서버의 경우도 마찬가지)&#x20;

## 3. Stateful, Stateless

### 무상태 프로토콜(Stateless)&#x20;

* 서버가 클라이언트의 상태가 보존X&#x20;
* 장점 : 서버 확장성이 높다(스케일 아웃)&#x20;
* 단점 : 클라이언트가 추가 데이터 전송&#x20;

### Stateful, Stateless 차이&#x20;

#### Stateless 는 문맥(context) 을 모르게 때문에, 클라이언트가 부가적인 정보를 서버에 전달해주어야 클라이언트가 원하는 응답을 받을 수 있다.&#x20;

#### Stateful (컨텍스트를 알고있다)

* 고객 : 이 노트북이 얼마인가요?&#x20;
* 점원 : 100만원 입니다.&#x20;
* 고객 : 2개 구매하겠습니다.&#x20;
* 점원 : 200만원 입니다. 신용카드, 현금중에 어떤 걸로 구매 하시겠어요?
* 고객: 신용카드로 구매하겠습니다.
* 점원: 200만원 결제 완료되었습니다.

#### Stateless (컨택스트를 모른다)

* 고객: 이 노트북 얼마인가요?
* 점원A: 100만원 입니다.
* 고객: 2개 구매하겠습니다.
* 점원B: ? 무엇을 2개 구매하시겠어요?
* 고객: 신용카드로 구매하겠습니다.
* 점원C: ? 무슨 제품을 몇 개 신용카드로 구매하시겠어요?

### Stateful, Stateless 정리&#x20;

* 상태 유지 : 중간에 다른 점원으로 바뀌면 안된다.&#x20;
  * 중간에 다른 점원으로 바뀔 때 상태 정보를 다른 점원에게 미리 알려줘야 한다.&#x20;
* 무상태 : 중간에 다른 점원으로 바뀌어도 된다.&#x20;
  * 갑자기 고객이 증가해도 점원을 대거 투입할 수 있다.&#x20;
  * 갑자기 클라이언트 요청이 증가해도 서버를 대거 투입할 수 있다.&#x20;
* **무상태는 응답 서버를 쉽게 바꿀 수 있다. -> 무한한 서버 증설 가능**
* 하지만 무상태는 전송되는 데이터 양이 많다는 단점이 있다.&#x20;

### Stateless 실무 한계&#x20;

* 모든 것을 무상태로 설계할 수 있는 경우도 있고, 없는 경우도 있다.&#x20;
  * 조회 페이지는 무상태로 설계하기 쉽다.
  * 로그인과 같은 기능은 상태를 가져야만 한다. 때문에 부가적인 프로세스를 추가한다. (쿠키 세션)&#x20;
* 상태 유지는 최소한만 사용하는 것이 유지보수 측면에서 유리하다.&#x20;

## 4. 비 연결성(connectionless)&#x20;

### 연결을 유지하는 모델&#x20;

* 서버의 입장에서 클라이언트와 연결을 유지하기 위한 자원을 소모한다.

<figure><img src="https://2093748731-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQMqxl0iBPcO3zyZX5B19%2Fuploads%2Fi1R5A8HaufkYDOnzLvGM%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202025-06-05%2015.12.36.png?alt=media&#x26;token=d769861a-9cd1-4ceb-b245-0cc337898295" alt=""><figcaption></figcaption></figure>

### 연결을 유지하지 않는 모델&#x20;

* **서버에 입장에서는 연결을 유지하지 않는다. 때문에 최소한의 자원만 사용할 수 있다.**&#x20;

<figure><img src="https://2093748731-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQMqxl0iBPcO3zyZX5B19%2Fuploads%2FxQdgHbtTWaVZ8dImeSfJ%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202025-06-05%2015.13.19.png?alt=media&#x26;token=22b82a33-02ff-4bda-8efa-ad76a5e27ae9" alt=""><figcaption></figcaption></figure>

### 비 연결성&#x20;

* HTTP 는 기본이 연결을 유지하지 않는 모델&#x20;
* 일반적으로 초 단위 이하의 빠른 속도로 응답&#x20;
* 1시간 동안 수천명이 서비스를 사용해도 실제 서버에서 동시에 처리하는 요청은 수십개 이하로 매우 작다.&#x20;
  * 예를 들어, 웹 브라우저에서 계속 연결해서 검색 버튼을 누르지는 않는다.&#x20;
* **서버 자원을 매우 효율적으로 사용할 수 있다.**&#x20;

### 비 연결성 (한계와 극복)&#x20;

* TCP/IP 연결을 새로 맺어야 함 - 3 way handshake 시간 추가&#x20;
* 웹 브라우저로 사이트를 요청하면 HTML 뿐 아니라 자바스크립트, css, 추가 이미지 등등 수 많은 자원이 함께 다운로드&#x20;
* **지금은 HTTP 지속 연결(Persistent Connections)로 문제 해결**&#x20;
* **HTTP/2, HTTP3 에서 더 많은 최적화**&#x20;

#### **HTTP 초기 - 연결, 종료 낭비**&#x20;

<figure><img src="https://2093748731-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQMqxl0iBPcO3zyZX5B19%2Fuploads%2FboGxECOGdiaDPisCL1bd%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202025-06-05%2015.18.47.png?alt=media&#x26;token=5b98295b-22c0-41f4-8265-c63600cf84ab" alt="" width="563"><figcaption></figcaption></figure>

#### HTTP 지속 연결(Persistent Connections)&#x20;

<figure><img src="https://2093748731-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQMqxl0iBPcO3zyZX5B19%2Fuploads%2F595j6vGrYrNx43vyTkCM%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202025-06-05%2015.19.12.png?alt=media&#x26;token=c3839ff7-87bf-4ef4-a12e-cc8efffaefe9" alt="" width="563"><figcaption></figcaption></figure>

### 스테이스리스를 기억하자&#x20;

#### 서버 개발자들이 어려워하는 업무&#x20;

* 정말 같은 시간에 딱 맞추어 발생하는 대용량 트래픽&#x20;
* 예를 들어, 선착순 이벤트, 명절 KTX 예약, 수강신청 등등 ..&#x20;

#### 동시간에 발생하는 요청을 해결하는 가장 쉬운 방법&#x20;

* 처음 요청을 하면 정적 페이지를 호출해 해당 페이지에서 어느정도 놀다가 요청 버튼을 누르도록 유도한다.&#x20;
* UX 를 개선하는 방향으로 해결한다.&#x20;

## 5. HTTP 메시지&#x20;

<figure><img src="https://2093748731-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQMqxl0iBPcO3zyZX5B19%2Fuploads%2FAYN0hL7LZmdaoYHxiEHe%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202025-06-05%2015.24.01.png?alt=media&#x26;token=a0ae1c4b-1856-4ffe-a5f1-607c10e83553" alt=""><figcaption></figcaption></figure>

### start-line 시작 라인

#### 요청 메시지

* start-line - request-line / status-line&#x20;
* request-line = method SP(공백) request-target SP HTTP-version CRLF(엔터)&#x20;
  * HTTP 메서드 (GET: 조회)
    * GET,POST,PUT,DELETE ...&#x20;
  * 요청 대상 (/search?q=hello\&hl=ko)
    * 절대 경로를 사용&#x20;
  * HTTP Version

<figure><img src="https://2093748731-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQMqxl0iBPcO3zyZX5B19%2Fuploads%2F35Kznp9W0l3HsyeIONjU%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202025-06-05%2015.29.05.png?alt=media&#x26;token=8d5a656b-392f-4848-bf82-3b527ae1b3bc" alt="" width="563"><figcaption></figcaption></figure>

#### 응답 메시지&#x20;

* 형식
  * start-line = request-line / status-line&#x20;
  * status-line = HTTP-version SP status-code SP reason-phrase CRLF
* HTTP 버전&#x20;
* HTTP 상태 코드 : 요청 성공, 실패를 나타냄&#x20;
  * 200 : 성공&#x20;
  * 400 : 클라이언트 요청 오류&#x20;
  * 500 : 서버 내부 오류&#x20;
* 이유 문구 : 사람이 이해할 수 있는 짦은 상태 코드 설명 글&#x20;

<figure><img src="https://2093748731-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQMqxl0iBPcO3zyZX5B19%2Fuploads%2FOU15R707R3sSIACg0gUP%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202025-06-05%2015.32.51.png?alt=media&#x26;token=981c7044-2519-4921-924a-276f9591c753" alt="" width="563"><figcaption></figcaption></figure>

### HTTP 헤더&#x20;

* 형식
  * header-field = field-name ":" OWS field-value OWS (OWS:띄어쓰기 허용)
  * field-name은 대소문자 구문 없음
* 용도&#x20;
  * HTTP 전송에 필요한 모든 부가정보&#x20;
  * 표준 헤더가 너무 많다..&#x20;
  * 필요시 임의의 헤더 추가 가능&#x20;
    * helloworld: hihi

<figure><img src="https://2093748731-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQMqxl0iBPcO3zyZX5B19%2Fuploads%2FYBk4lfsHfCdRFBEd1NWt%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202025-06-05%2015.37.30.png?alt=media&#x26;token=269d745b-37fa-4bce-b796-e1131832b053" alt="" width="563"><figcaption></figcaption></figure>

### HTTP 바디&#x20;

* 실제 전송할 데이터&#x20;
* HTML 문서, 이미지, 영상, JSON 등등 byte로 표현할 수 있는 모든 데이터 전송 가능

<figure><img src="https://2093748731-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQMqxl0iBPcO3zyZX5B19%2Fuploads%2Fz4zmgTTgo8Dfo0fX1w5i%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202025-06-05%2015.37.58.png?alt=media&#x26;token=2aec3ad9-69c3-41c5-9292-563a35c26aa8" alt=""><figcaption></figcaption></figure>

### HTTP 는 매우 단순하고 확장 가능하다!&#x20;

* HTTP는 단순하다.
* HTTP 메서드도 매우 단순&#x20;
* 크게 성공하는 표준 기술은 단순하지만 확장 가능한 기술!&#x20;
