🏅 Today's Goal

1. Stateless가 무엇인지 알아보자.
2. Request, Response의 구조에 대해서 알아보자.
3. HTTP request Method의 종류와 Method들의 차이점에 대해서 알아보자.
4. 대표적인 Status code의 종류를 알아보자.

들어가기에 앞서..

HTTP란?

• HyperText Transfer Protocol의 약자

  • HyperText

    링크로 어떻게 연결되도록 할 것인가? 즉, HTML로 만든 웹 페이지를 어떻게 주고 받을 것인가?

  • Transfer

    '전송하다'. 웹 페이지를 만들어도 이 페이지를 다른 사람에게 보여주지 않고 나 혼자만 본다면 의미가 없을 것이다. 따라서 우리가 만든 웹 사이트를 널리 알리고 다른 사람들과 공유하기 위해서 다른 컴퓨터에게 전송해야 할 필요가 있다.

  • Protocol

    통신 규약. 물리적으로 떨어진 컴퓨터끼리 어떻게 정보를 주고 받을 것인지에 대한 약속이다. 즉, 컴퓨터끼리 소통할 때의 소통 방법을 의미한다.

HTTP란 컴퓨터들끼리 HTML 파일을 주고받을 수 있도록 하는 소통 방식 또는 약속이다.

HTTP의 특징

1. Request / Response

Request는 요청! Response는 응답!

• 보내는 주체와 받는 주체가 있다.
• 보내는 주체는 받는 주체에게 요청(Request)를 보내고 받는 주체는 이에 대한 응답(Response)를 보낸다.

2. ⭐️ Stateless

State[상태] + less[없음]

• 각각의 HTTP 통신(요청/응답)은 독립적이다. => 과거의 통신에 대한 내용을 전~혀 알지 못 한다.
• 매 통신마다 필요한 모든 정보를 담아서 요청을 보내야한다는 뜻이다.
• 만약 여러 번의 통신 진행 과정에서 연속된 데이터 처리가 필요한 경우 필요한 것이 바로 로그인 토큰이다.

Request / Response

• 요청을 잘 해야 응답이 잘 온다 ⭐️
• 실제 프로젝트를 진행할 때, 프론트엔드에서 백엔드에게 데이터를 요청하고 백엔드는 요청을 처리해서 응답을 준다.

Request / Response 구조

HTTP Request Methods

🔥 해당 메소드들은 프론트엔드의 입장에서 요청의 의도가 담긴 것이다!
백엔드의 입장에서 생각하면 혼란이 올 수 있으니 주의!

1. GET

• 어떤 데이터를 서버로부터 GET, 받아올 때 주로 사용하는 메소드
• 데이터를 받아오기만 할 때 사용
• 가장 간단하고 많이 사용되는 HTTP 메소드
  • 사실 우리가 웹페이지를 띄울 때 필요한 정보들을 모두 GET 메소드로 요청을 보내서 받아온 응답을 화면에 띄우는 것

🔎 장바구니에 담은 제품을 조회한다.

2. POST

• 데이터를 생성/수정할 때 주로 사용되는 메소드
• 데이터를 생성 및 수정할 때 많이 사용되기 때문에 대부분의 경우 요청에 body가 포함되서 보내진다.

🧺 장바구니에 맘에 드는 상품을 담는다.

3. DELETE

• 특정 데이터를 서버에서 삭제해달라는 요청을 보낼 때 쓰는 메소드

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

Response Status Codes

실제 프로젝트를 진행할 때 가장 많이 보게 될 응답의 상태 코드들이다.

1. 200: OK

• 가장 자주 보게 될 것임
• 문제없이 요청에 대한 처리가 백엔드 서버에서 이루어지고 나서 오는 응답코드

2. 201: Created

• 무엇인가가 잘 생성되었을 때 오는 응답코드
• 대게 POST 메소드의 요청에 따라 백엔드 서버에 데이터가 잘 생성 또는 수정 되었을 때에 보내는 코드

3. 400: Bad Request

• 해당 요청이 잘못되었을 때 보내는 Status Code
• 주로 요청의 Body에 보내는 내용이 잘못되었을 때 사용되는 코드
  ex) 전화번호를 보내야 하는데 숫자가 아닌 문자열의 주소가 대신 Body에 담겼을 경우

4. 401: Unauthorized

• 유저가 해당 요청을 진행하려면 먼저 로그인을 하거나 회원가입이 필요하다는 의미
  ex) wish list, 좋아요 기능은 회원이 아니면 요청을 보낼 수 없음

5. 403: Forbidden

• 유저가 해당 요청에 대한 권한이 없다는 뜻
• 접근 불가능한 정보에 접근했을 경우
  ex) 오직 유료회원만 접근할 수 있는 데이터를 요청 했을 때

6. 404: Not Found

• 요청된 URI 가 존재하지 않는다는 의미

500: Internal Server Error

• 서버에서 에러가 났을 때의 Status Code
• API 개발을 하는 백엔드 개발자들이 싫어하는 코드

wecode에서 제공한 자료 참고