TIL 20 | HTTP란?

Yonghyun·2021년 9월 12일
0

AdditionalStudy

목록 보기
8/12

HTTP

HyperText Transfer Protocol의 약자로 컴퓨터들끼리 HTML 파일을 주고받을 수 있도록 하는 소통방식 또는 약속이다.

HTTP 특징

1. Request/Response (요청/응답)

요청과 응답은 HTTP 통신의 핵심이다.
보내는 주체는 받는 주체에게 요청을 보내고, 받는 주체는 요청을 보낸 주체에게 응답을 보낸다.

2. Stateless

State(상태) + less(없음)
절대 잊어서는 안 될 HTTP의 중요한 특징 중 하나는 바로 Stateless이다. 문자 그대로 상태 없음을 의미한다. 각각의 HTTP 통신은 독립적이기 때문에 과거의 통신에 대한 내용은 전혀 알지 못한다. 그렇기 때문에 매 통신마다 필요한 모든 정보를 담아서 요청을 보내야 한다. 그래서 연속된 데이터 처리가 필요한 경우 이같은 번거로움과 비효율적인 부분을 개선하기 위해 로그인 토큰 또는 브라우저의 쿠기, 세션, 로컬스토리지 같은 기술이 만들어지게 되었다.

Request / Response

요청을 잘 해야 응답도 잘 받을 수 있다. 프론트엔드에서 백엔드에게 데이터를 요청하고 백엔드는 요청을 처리해서 응답을 주게 된다. 이 과정에서 발생하는 에러들을 잡아내려면 요청과 응답에 대한 구조와 메세지를 잘 파악해야한다.

1. Request 메세지 구조

HTTP 요청은 프론트엔드에서 백엔드에 일을 시작하게 하기 위해 보내는 메세지이다. 이 메세지는 크게 세 부분으로 구성된다.

1. Start Line

요청의 첫번째 줄로 세 부분으로 구성되어있다.
HTTP Method/Request target/HTTP Version
1. HTTP Method - 해당 요청이 의도한 액션을 정의하며 주로 GET, POST, DELETE가 많이 쓰인다.
2. Request target - 해당 request가 전송되는 목표 url.
3. HTTP Version - 사용되는 HTTP 버전을 뜻한다. 주로 1.1 버전이 널리 쓰인다.

GET /login HTTP/1.1
=> GET 메소드로 login 이라는 요청 타겟에 HTTP 1.1 버전으로 요청을 보낸다.

2. Headers

해당 요청에 대한 추가 정보(메타 데이터)를 담고 있는 부분.
Key : Value 값으로 되어있다.

자주 사용되는 Headers의 정보
Headers : {
Host : 요청을 보내는 목표(타겟)의 주소. 즉 요청을 보내는 웹사이트의 기본 주소
User-Agent : 요청을 보내는 클라이언트에 대한 정보 (ex. chrome, firefox...)
Content-Type : 해당 요청이 보내는 메세지 body의 타입 (ex. application/json)
Content-Length : body 내용의 길이
Authorization : 회원의 인증/인가를 처리하기 위해 로그인 토큰을 Authroization에 담는다.
}

3. Body

해당 요청의 실제 내용이며 주로 사용하는 메소드는 POST이다.

Body : {
"user_email" : "4.21ee@velog.com"
"user_password" : "velogTIL"
}

2. Response 메세지 구조

HTTP 규약에 따른 응답의 구조 또한 크게 세 부분으로 구성되어있다.

1. Status Line

응답의 상태 줄. 응답은 요청에 대한 처리상태를 클라이언트에게 알려주면서 내용을 시작한다.
응답의 Status Line도 Request와 마찬가지로 세 부분으로 구성된다.
HTTP/HTTP Version Status Code Status Text
1. HTTP Version : 요청의 HTTP버전과 동일
2. Status Code : 응답 메세지의 상태 코드
3. Status Text : 응답 메세지의 상태를 간략하게 설명해주는 텍스트

HTTP/1.1 404 Not Found
=> HTTP 1.1 버전으로 응답하고 있는데, 프론트엔드에서 보낸 요청에 대해서 유저의 정보를 찾을 수 없기 때문에 404 상태 메세지를 보낸다.
HTTP/1.1 200 SUCCESS
=> HTTP 1.1 버전으로 응답하고 있는데, 프론트엔드에서 보낸 요청에 대해서 성공했기 때문에 200 상태 메세지를 보낸다.

2. Headers

요청의 Headers와 동일하게 응답의 추가 정보(메타 데이터)를 담고 있는 부분. 다만 응답에서만 사용되는 헤더의 정보들이 있다.

3. Body

요청의 Body와 동일. 응답의 형태에 따라 데이터를 전송할 필요가 없는 경우 Body가 없을 수도 있다. 가장 많이 사용되는 Body의 데이터 타입은 JSON(JavaScript Object Notation)이다.

ex) 로그인 요청에 대해 성공했을 때 응답의 내용
Body : {
"message" : "SUCCESS"
"token" : "asdfjlkjdk@kjd0dlkfjdl"
}

profile
Life is all about timing.

0개의 댓글