🚀 학습 목표
1.HTTP의 특징인 Stateless를 설명할 수 있다.
2.Request, Response 구조에 대해 설명할 수 있다.
3.HTTP request method의 종류를 알고 서로의 차이점을 설명할 수 있다.
4.대표적인 Status code의 종류를 설명할 수 있다.

01. 통신과 HTTP

HTTP란?

(= How do we communicate?)
(= HyperTextTransferProtocol)

hyperText
HTML(Hyper Text Markup Language)
=문서와 문서가 링크로 연결되어 있다는 뜻.

Transfer
전송하다 = 물건이나 편지 따위를 보내다
html로 만든 웹페이지 문서를 보낸다.

Protocol
컴퓨터끼리 어떻게 html파일을 주고 받을 지에 대한 소통 방식 또는 약속

웹에서 데이터를 주고 받을 때 (마켓컬리에서 채소 목록 데이터를 받고 싶을 경우)

프론트엔드와 백엔드가 데이터를 주고 받을때 정해놓은 규약!

1.How HTTP works?

client : request(요청) ↔️ server : response(응답)

컴퓨터도 인간이 소통하듯이 요청과 응답을 메세지형식으로 이루어진다.

2.Stateless

State(상태) + less(없음)

HTTP 개별 통신은 모두 독립이어서, 과거의 HTTP 통신의 결과(상태)를 보존하지 않는다. 그렇기때문에 매 통신마다 필요한 정보를 담아서 요청을 보내야 합니다.

stateful

아이스라떼 얼마입니까? ➡️⬅️ 4500원이요(아이스라떼 상태 저장)
시럽 2펌프 추가해주세요 ➡️⬅️ 네 무엇으로 결제하시겠어요?( 아이스라떼, 시럽두펌프 추가 상태 저장)
카드로 결제할께요 ➡️⬅️ 네 (아이스라떼, 시럽 두펌프, 카드결제 상태저장)

stateless

아이스라떼 가격은? ➡️⬅️ 4500원이요
시럽 2펌프 추가해주세요 ➡️⬅️ 무엇을 시럽에 추가해서 드릴까요?
카카오페이로 할께여 ➡️⬅️ 무엇을 카카오페이로 결제 해들릴까요?

매 통신마다 요청을 보낼때 필요한 정보를 모두다 담아서 보내줘야합니다.
따라서, 만일 여러번 통신(응답,요청)의 진행과정에서 연속된 처리가 필요할 경우,예를 들어 온라인 쇼핑몰에서 로그인 후 장바구니 기능을 위해 로그인 토큰 또는 브라우저의 쿠키, 세션, 로컬스토리지 같은 기술이 필요에 의해 만들어진걸 알 수 있다.

아이스라떼 얼마에요? ➡️⬅️ 4500원입니다.
아이스라떼 시럽 두펌프 넣어서 주세요. ➡️⬅️아이스라떼에 시럽 두펌프, 어떻게 결제 하시겠습니까?
아이스라떼,시럽 두펌프넣어서 주세요,카드로 결제할께요 ➡️⬅️ 아이스라떼,시럽 두펌프,카드 결제 완료되었습니다.

3.Request/Response

🔎 Request 메세지 구조

start Line : 첫번째 줄

- HTTP Method : 요청이 의도한 액션의 정의 부분.GET,POST,DELETE많이 사용됨
- Request target : '내가 여기다 요청을 할 것이다'라는 것을 알려준다. 해당 request가 전송되는 목표 url
- HTTP Version : 말 그대로 사용되는 HTTP 버전을 뜻함. 주로 1.1버전이 널리 쓰임.
예) 훈민정음(1.0)->...->현재 유행되는 줄임말.

POST/login HTTP/1.1
(= 겟 메소드로 로그인 이라는 요청 타겟에 HTTP 1.1 버전으로 요청 보내겠다.)

header =>meta data : 해당 요청에 필요한 추가정보(meta data)들을 담아놓는 부분.

{key:value}방식으로 이루어져있다.

Body : 해당 요청의 실제 내용

본문을 실어서 보낸다.메소드의 존재에 따라서 있을수도 없을수도 있다. 주로 POST를 사용한다.

🔎 Response 메세지 구조

status Line : 응답의 상태를 나타냄.

- HTTP version : HTTP 버전
- Status Code : 응답 상태코드
- Status Text : 응답의 상태를 간략히 설명하는 텍스트

HTTP/1.1 404 NotFound
HTTP/1.1 200 SUCCESS

header =>meta data : 응답의 추가 정보(메타 데이터)를 담고 있는 부분.

{key:value}방식으로 이루어져있다.

Body : 응답해줄 데이터. 요청에 따라 존재하지 않을수도 있다.

가장 많이 사용되는 데이터 타입은 JSON이다.

02.HTTP RequestMethods

자주 사용되는 HTTP 통신 메소드 세가지.(GET, POST, DELETE)가지는 의도를 알아보자.

GET

• 어떤 데이터를 서버로 부터 받아오기만 할때 사용하는 메소드
• 웹페이지에서 접속해서 필요한 데이터를 불러올 때 사용

GET/shop/bag HTTP 1.1

예)장바구니에 담은 목록을 조회

HTTP/1.1 200 OK (성공!)

예)응답 : 알았어.성공!

POST

• 정보를 담아서 보낸다.
• 데이터 생성/수정 할때 사용
• 바디가 담겨서 간다! 바디내용이 핵심!

POST/shop/bag HTTP1.1

예)요청-아이패드 장바구니에 담기

HTTP/1.1 201 Created 

예)응답-요청 성공했고 장바구니 만들어졌다.

DELETE

• 서버에 저장된 특정 데이터 삭제시 사용하는 메소드

DELETE/shop/bag HTTP1.1

예)장바구니에서 제품을 삭제한다.

HTTP/1.1 204 No Content (요청성공했으나 내용은 없다)

예)요청은 성공했으나 내용(body-content)은 없다

✅ Status Code

Success
200 : OK (성공!)
201 : Created (잘 생성됐을때)
204 : No Content(잘 생성됐지만 바디(content)가 없다)

Error
400:Bad Request (유저가 잘못보냈을때)
401:Unauthorized (권한이 없는,너 누구인지 모르겠는데? 인증되지않음!너 누구야?)
403:Forbidden (접근금지! 나 너누군지 아는데 넌 권한 없어!!)
404:Not Found (url 없어...너가 찾는거 없어)

Server Error
500: Internal Server Error (서버에서 에러가 났을 경우)