HTTP(Hyper Text Transfer Protocol)
- HTML 문서를 교환하기 위해 만들어진 통신규약(protocol)
- 프론트엔드 서버와 클라이언트 사이의 통신에 사용
- 백엔드 서버와 프론트엔드 서버 사이의 통신에도 사용
- HTTP는 TCP/IP기반으로 되어있다.
- HTTP 이외에도 TCP, FTP 와 같은 프로토콜이 있다
HTTP 핵심요소
- HTTP 통신방식
request(요청) - response(응답) 구조
요청이 오면 응답할 뿐, 상태를 저장하지 않음.(Stateless) -> 요청을 처리하기 위해 필요한 모든 정보를 요청에 담아 보내야함.
각각의 요청/응답은 독립적이며 연결되어 있지 않다.
때문에, 클라이언트가 요청을 보내고 응답을 받은 후, 다시 요청을 보낼 때 전에 보낸 요청/ 응답에 대해 알지 못함.
여러 요청에/응답의 진행 과정이나 데이터가 필요한 경우에는 쿠키나 세션 등을 사용
- HTTP Request 구조
- Start Line : HTTP Method/ target/ Version(1.1을 가장 많이 씀 곧 3.0이 나올 예정이긴 함.)
- Headers : Meta 데이터 (데이터를 설명해주기 위한 데이터, 요청에 대한 추가정보)
- Host
요청이 전송되는 target의 host url: 예를 들어, google.com- User-Agent
요청을 보내는 클라이언트의 대한 정보: 예를 들어, 웹브라우저에 대한 정보.- Accept
해당 요청이 받을 수 있는 응답(response) 타입.- Connection
해당 요청이 끝난후에 클라이언트와 서버가 계속해서 네트워크 컨넥션을 유지 할것인지 아니면 끊을것인지에 대해 지시하는 부분.- Content-Type
해당 요청이 보내는 메세지 body의 타입. 예를 들어, JSON을 보내면 application/json.- Content-Length:
메세지 body의 길이.
- Body : request의 실제 데이터 (메세지/ 내용)
POST /payment-sync HTTP/1.1
Accept: application/json
Accept-Encoding: gzip, deflate
Connection: keep-alive
Content-Length: 83
Content-Type: application/json
Host: intropython.com
User-Agent: HTTPie/0.9.3
{
"imp_uid": "imp_1234567890",
"merchant_uid": "order_id_8237352",
"status": "paid"
}- HTTP Response 구조
- Status Line : response의 상태 (HTTP 버전 /Status code/ Status text)
- Headers : Meta data (User-Agent 대신 Server 헤더가 사용됨)
- Body : 실제 데이터
HTTP/1.1 404 Not Found
Connection: close
Content-Length: 1573
Content-Type: text/html; charset=UTF-8
Date: Mon, 20 Aug 2018 07:59:05 GMT
<!DOCTYPE html>
<html lang=en>
<meta charset=utf-8>
<meta name=viewport content="initial-scale=1, minimum-scale=1, width=device-width">
<title>Error 404 (Not Found)!!1</title>
<style>
*{margin:0;padding:0}html,code{font:15px/22px arial,sans-serif}html{background:#fff;color:#222;padding:15px}body{margin:7% auto 0;max-width:390px;min-height:180px;padding:30px 0 15px}* > body{background:url(//www.google.com/images/errors/robot.png) 100% 5px no-repeat;padding-right:205px}p{margin:11px 0 22px;overflow:hidden}ins{color:#777;text-decoration:none}a img{border:0}@media screen and (max-width:772px){body{background:none;margin-top:0;max-width:none;padding-right:0}}#logo{background:url(//www.google.com/images/branding/googlelogo/1x/googlelogo_color_150x54dp.png) no-repeat;margin-left:-5px}@media only screen and (min-resolution:192dpi){#logo{background:url(//www.google.com/images/branding/googlelogo/2x/googlelogo_color_150x54dp.png) no-repeat 0% 0%/100% 100%;-moz-border-image:url(//www.google.com/images/branding/googlelogo/2x/googlelogo_color_150x54dp.png) 0}}@media only screen and (-webkit-min-device-pixel-ratio:2){#logo{background:url(//www.google.com/images/branding/googlelogo/2x/googlelogo_color_150x54dp.png) no-repeat;-webkit-background-size:100% 100%}}#logo{display:inline-block;height:54px;width:150px}
</style>
<a href=//www.google.com/><span id=logo aria-label=Google></span></a>
<p><b>404.</b> <ins>That’s an error.</ins>
<p>The requested URL <code>/payment-sync</code> was not found on this server. <ins>That’s all we know.</ins>✔️HTTP Method는 의도한 바
자주 쓰이는 HTTP Methods
- GET : 데이터를 서버로부터 받아만 올 때 (❌생성, 수정, 삭제❌) _유저 정보, 검색 정보 등
- POST : 데이터 생성, 수정 등 변화를 줄 때
알고있으면 좋은 HTTP Methods
- OPTIONS : 어떤 Method를 요청 가능한지 확인할 때
- PUT : POST로 통일해서 사용하는 추세 - DELETE : 삭제할 때
자주 쓰이는 HTTP Status Code
-
200 OK
-
301 Moved Permanently : 주소가 바뀌었을 때
HTTP/1.1 301 Moved Permanently
Location: http://www.example.org/index.asp -
400 Bad Request : Front에서 요청을 잘못줬을 때, 데이터 형식이 잘못 됐거나!
-
401 Unauthorized : 비밀번호 잘못입력, 로그인 X
-
403 Fobidden : 로그인 O, 권한 X
-
404 Not Found : HOST는 맞지만 TARGET이 없을 때
-
500 Internal Sever Error : Backend 잘못😫
➕endpoint : 기능을 구현하는 함수를 원격으로 호출해서 사용할 수 있게 해주는 것.
참고 및 출처 : 위코드 은우님 HTTP 세션
new blog✨ https://kay-log.tistory.com/