통신과 HTTP

HTTP는 Hypertext Transfer Protocal의 약자이다. 단어를 하나하나 뜯어보자!

• Hypertext : text보다 hyper 한 것(이미지, 비디오 등). 문서와 문서가 링크로 연결되어 있음을 의미
• Transfer : HTML로 만든 웹페이지 문서를 보냄
• Protocol : 컴퓨터끼리 어떻게 html 파일을 주고 받을 지에 대한 소통 방식 또는 약속을 의미

HTTP의 특징

1. Request/Response
   소통의 핵심은 요청과 응답. 메세지 형식으로 전달된다.
   
2. Stateless(상태 없음)
   
   http 개별 통신은 모두 독립이어서, 과거의 http 통신의 결과를 보존하지 않는다. 예를 들어, 유저가 로그인을 하고 동영상을 보여달라는 요청을 보내면 서버는 로그인을 했다는 통신 결과를 보존하지 않기 때문에 다시 로그인을 해달라고 응답한다. 따라서 매 통신마다 사전에 필요한 모든 정보를 담아서 요청을 보내야 한다. 아래는 쿠키를 이용한 예시다.
   
   이미지 출처

요청과 응답 메세지 구조

요청 메세지는 크게 Start Line, Headers, Body 세 가지의 구조로 나누어져 있다.

Start Line

• Http Method
• Request target : 해당 request가 전송되는 목표 url
• Http version

Headers

• Host : 요청을 보내는 목표의 주소, 요청을 보내는 웹사이트의 기본 주소
• User-Agent : 요청을 보내는 클라이언트 정보(chrome, safari 등)
• Content-Type : 해당 요청이 보내는 메세지body의 타입(application, json 등)
• Content-Length : body 내용의 길이
• Authorization : 회원의 인증/인가를 처리하기 위해 로그인 토큰을 authorization에 넣음

Body

• 실제 내용
• 주로 Body를 사용하는 메서드는 POST
• 메서드에 따라 없을 수도 있음
  

응답 메세지는 크게 Status Line, Headers, Body 세 가지의 구조로 나누어져 있다.
Status Line

• 처리 상태를 알려줌
• HTTP Version : 요청과 동일
• Status Code : 응답 메세지의 상태코드(200, 201 등)
• Status Text : 상태를 간략하게 설명하는 텍스트(OK, CREATED 등)

Headers

• 요청의 헤더와 동일함
• 응답에서만 사용되는 헤더 정보들도 있음(User-Agent 대신 Server 헤더가 사용됨)

Body

• 요청의 바디와 동일
• 요청의 메서드에 따라 Body가 항상 존재하지 않듯 응답에서도 없을 수도 있다.
• 가장 많이 사용되는 body 데이터 타입은 JSON(Javascript Object Notation)

요청 method

아래 method는 프론트 입장에서의 의도가 담겨 있다.

• GET : 데이터를 받아오기만 할 때 사용, 웹페이지에 접속해서 필요한 데이터를 불러올 때 사용
• POST : 데이터를 생성/수정할 때 사용, Body에 담는 내용이 핵심
• DELETE : 서버에 저장된 특정 데이터를 삭제할 때 사용

응답 status codes

상태코드는 3자리로 이루어져 있으며 첫번째 자리는 1에서 5까지 제공된다.

• 1xx(정보) : 요청을 받았으며 프로세스를 계속 진행
• 2xx(성공) : 요청을 성공적으로 받았으며 인식했고 수용
• 3xx(리다이렉션) : 요청 완료를 위해 추가 작업 조치가 필요
• 4xx(클라이언트 오류) : 요청의 문법이 잘못되었거나 요청을 처리할 수 없음
• 5xx(서버 오류) : 서버가 명백히 유효한 요청에 대한 충족을 실패

sucess

• 200 : OK
• 201 : Created

error

• 400 : Bad request, 해당 요청이 잘못되었을 때, 주로 요청의 body에 보내는 내용이 잘못되었을 때
• 401 : Unauthorized, 먼저 로그인을 하거나 회원가입 해주세요
• 403 : Forbidden, 유저가 해당 요청에 대한 권한이 없음
• 404 : Not found

server error

• 500 : Internal Server Error, 서버에서 에러가 났을 때
  https://developer.mozilla.org/en-US/docs/Web/HTTP/Status

자주자주 개발자 도구의 network창을 확인해보자.