[TIL-Codesquad] HTTP - Request Message, Response Message

[210202]

오늘은 수업을 듣고 미션을 마무리해야 하는 날.

친절하지만 여전히 알듯말듯한 마스터JK의 네트워크 강의를 듣고,
어제 공부한 내용을 가지고 미션 코드를 조금 짜 보았다.

여전히 모르는 내용이 있어 (HTTP request-response) 그 부분을 추가학습 하기로 했다.

TIL

HTTP 소개

클라이언트와 서버

• 클라이언트 client
  : 서버에게 요청 request 하는 컴퓨터.

  • 무엇을 요청하는가? 웹페이지의 컨텐츠 contents.
    HTML, CSS, JS, img 등등

• 서버 server
  : 클라이언트로부터 요청을 받아 응답 response 하는 컴퓨터.

HTTP : HyperText Transfer Protocol

: 클라이언트-서버 간 request와 response를 하고, 컨텐츠를 주고받는 메시지에 대한 약속.

HTTP는 하이퍼텍스트가 다니는 도로라고 할 수 있다.

• request를 위한 메시지,
• response를 위한 메시지 가 있다.

*구글 크롬 - 개발자도구 - Network탭에 들어가 각 파일을 클릭하면 HTTP요청 내역을 확인할 수 있다.

웹브라우저, 웹서버

• 웹브라우저는 사용자를 대신해,
  서버에 자원을 요청하며 HTTP Request Header를 만들어 보내고,
  웹서버로부터 요청한 자원과 HTTP Response Header를 받아서 화면에 그려주는 프로그램이라고 할 수 있다.

• 웹서버는 브라우저가 요청한 자원과 HTTP Response Header를 만들어 보내주는 프로그램이라고 할 수 있다.

*아래 강의 내용은 생활코딩에서, 첨부 이미지들은 여기에서 참조해 왔습니다.

HTTP-3 Request Message

HTTP Request Message 예시

HTTP Request Message 는 위와 같이 구성되어 있다.

• Request Line
  : Request Message의 맨 첫 줄에 해당함.
• Request Headers
  : Request Line 과 Request Message Body 사이 부분에 해당함.
  (Request Headers와 Request Body 사이에는 한 줄이 띄워져 구분되어 있다)
• Request Message Header
  : Request Line과 Request Headers를 묶어 부르는 말.
• Request Body (또는 페이로드)
  : 클라이언트가 요청 시 서버 쪽으로 전송해야 할 정보가 있을 때, Request Body에 넣어서 보낸다.

Request Line

GET /doc/test.html HTTP/1.1

• GET
  웹서버-웹브라우저 간의 통신방식을 나타냄.
  GET은 데이터를 웹서버로부터 가져올 때 사용하는 방식.

• /doc/test.html
  웹브라우저가 웹서버에게 요청하는 정보가 무엇인지를 나타냄.

• HTTP/1.1
  웹브라우저가 현재 사용하고 있거나 사용할 수 있는 HTTP의 버전을 나타냄.
  (웹서버가 해당 HTTP버전을 기준으로 자원을 보내주도록 함.)

Request Headers

Host: www.test101.com
Accept: image/gif, image/jpeg, */*
Accept-Language: en-us
Accept-Encoding: gzip, deflate
User-Agent: Mozilla/4.0
Content-Length: 35
...

• HOST (필수)

  HOST : 인터넷에 연결된 각 컴퓨터를 식별하는 이름.
  요청하는 웹사이트 주소 + 포트번호에 해당함. (포트번호가 없는 경우는 기본포트라서 생략된 것)
  하나의 웹서버가 여러 도메인을 서비스할 떄, 웹서버는 HOST를 기준으로 자원을 보내준다.

• User-Agent
  == 웹브라우저. (웹브라우저를 나타내는 다른 말이 User-Agent이다)
  즉 요청하는 클라이언트가 어떤 웹브라우저인지, 어떤 OS인지 나타나 있다.

• Accept-Encoding
  웹서버로부터 응답받은 데이터의 양이 많을 때 압축해서 전송하며, 웹브라우저는 압축된 데이터를 받아 풀어서 사용한다. (그래야 네트워크 자원을 아낄 수 있기 때문)
  이 때 해당 웹브라우저가 지원하는 압축방식을 나타냄.

• If-Modified-Since
  웹서버에게 요청하는 파일이 이전에 웹브라우저가 요청한 적이 있는 파일이라면,
  웹브라우저가 가지고 있는 파일의 최종수정날짜(마지막으로 웹서버로부터 다운로드받은 날짜)를 함께 보내며 요청함.
  웹서버는 요청한 파일의 최종수정날짜를 보고,
  웹브라우저가 가진 파일이 이미 최신이라면 전송하지 않음.
  웹브라우저가 가진 파일보다 웹서버 자신이 가진 파일이 최신이라면 최신 파일을 전송해 줌.
  -> 같은 페이지에 자주 방문하는 경우, 같은 파일을 매번 요청하지 않아도 되어 효율성과 응답속도를 높일 수 있다.

HTTP-4 Response Message

HTTP Response Format

1. Status(상태) 또는 Status Line
   서버가 응답했을 때 정상 응답인지 / 비정상 응답인지,
   비정상 응답이면 어떤 오류가 발생했는지 알려주는 정보임.

   • version : http 버전에 대한 정보
   • status code : 서버의 응답 결과를 나타내는 코드
     • 1xx : Informational
       100번대 코드는 어떤 정보를 의미함.
     • 2xx : Successes
       200번대 코드는 서버가 성공적으로 응답했음을 의미함.
     • 3xx : Redirection
       300번대 코드는 서버가 요청을 리다이렉션했음을 의미함.
     • 4xx : Client Error
       400번대 코드는 클라이언트 에러를 의미함.
       *404 Not Found : 클라이언트가 서버에 없는 데이터를 요청했을 때.
     • 5xx : Server Error
       500번대 코드는 서버 측 에러를 의미함.
       *500 Internal Server Error : 서버 내부적인 문제로 응답할 수 없을 때.
   • phrase : status code를 인간이 이해할 수 있게 풀어 쓴 내용

2. Response Headers

   *1.Status Line과 2.Response Headers를 묶어 Response Message Header라고 한다.

3. Response Message Body (또는 페이로드)

   서버가 응답해 주는 컨텐츠가 담긴 실제 내용에 해당함.
   (2.Response Headers와 한 줄 띄어져 있다)

HTTP Response Message 예시

1. Status Line

   • HTTP/1.1 : 해당 버전의 http를 사용하고 있음을 나타냄

   • 200 : status code에 해당함. (HTTP Status Codes로 검색하면 의미를 알 수 있음)

   ​ 200은 서버가 성공적으로 응답했음을 의미하는 코드.

   • OK : phrase에 해당함.

2. Response Headers

   • Content-Type : 웹서버가 응답한 컨텐츠에 대한 정보를 나타냄.
     웹브라우저는 이 정보를 기준으로 화면에 해당 응답을 어떻게 나타낼지 결정함.
     Content-Type : text/html 은 해당 응답이 HTML로 된 text파일임을 의미.

   • Content-Length : 웹서버가 응답한 컨텐츠의 전체 길이를 나타냄. (단위는 byte)

   • Content-Encoding : 해당 컨텐츠가 압축된 방식을 나타냄.
     웹브라우저는 이 정보를 기준으로 컨텐츠 압축을 해제해 화면에 나타냄.

   • Last-Modified : 해당 컨텐츠가 마지막으로 수정된 날짜를 나타냄

+ HTTP와 네트워크에 대해 공부해 볼 만한 주제들

https(SSL), cache, cookie와web storage, proxy(중개 서버), 네트워크 모니터링 도구(크롬 개발자도구 또는 wireshark)