HTTP

HcKim·2024년 3월 22일

HTTP Hyper Text Transfer Protocol

HTTP의 대표적인 특징

비연결성

클라이언트의 요청에 대해 서버가 응답을 마치면 연결을 끊업러니다. 다음 요청은 새로운 여결을 통해 이루어진다.

무상태

서버와 클라이언트는 하나의 요청이 진행되는 동안만 서로를 인지합니다.

그래서, 쿠키,세션,토큰 등으로 상태를 기억합니다.

HTTP Method

클라이언트가 요청을 보낼 때 해당 요청의 목적이 뭔지 HTTP Method를 통해 명시해야합니다.

실전

  • Network 탭에서 웹브라우저와 서버간의 통신 하는 것을 볼 수 있습니다.

  • [Network] - [Headers]
    Response Headers와 Request Headers를 볼 수 있습니다.


    Request Header를 서버에 요청하면 Response Headers를 서버로부터 받을 수 있습니다.

Request Headers 들여다보기

  1. GET : 데이터를 웹서버로부터 가져오는 행위

  2. 1.html : 웹서버에 요청하는 정보가 무엇인지 알 수 있음

  3. HTTP/1.1 : HTTP의 버전

  4. Host : Request Headers

  • localhost : 가상호스트
  • 8080 : 포트
  1. Accept-Encoding : 압축방식

    쉽게 해석한다면? 저는 헤더에 나와있는 이러한 스펙을 갖고 있는 클라인어트인데 www.naver.com를 받고 싶어요.

Response Headers 들여다보기

200 OK : 데이터를 성공적으로 가져왔다는 것을 알 수 있습니다.

status : 서버가 응답했을 때 결과를 알 수 있습니다.

Content-Type : text이고 html 파일이다를 알 수 있습니다.
( 이미지를 보면 image/jpeg 를 볼 수 있습니다 )

Content-Length : 응답하는 전체 크기는 1434 이다를 알 수 있습니다.

정리 !

웹브라우저는 웹서버에 요청하기 전 Request Headers를 생성하게 됩니다. 웹서버는 해석해서 Response Headers를 만들게 됩니다. 이후 웹브라우저에서는 Response Headers 와 html 파일을 참조해서 렌더링과정을 통해서 화면에 뿌려집니다.

profile
Javascript를깨부시자

0개의 댓글