HTTP

목차

 

CORS와 Representational를 알아가면서 계속 나왔던 것은

HTTP 였다.

이제 그 개념을 건드려보자.

 

HTTP

 Hyper Text Transfer Protocol의 약자로

이다.

 

... Hyper는 엄청난이란 뜻이다. (진짜!!)

 

HTTP 구조

HTTP는 클라이언트의 요청과 서버의 응답으로 동작한다.

이 구조는 포스트 Representational에서 좀 자세하게 다루었었다.

Representational

 

비연결성

HTTP는 연결 상태를 유지하지 않는 비연결성 프로토콜이다.

모바일 데이터로 예를 들었을 때,

우리가 사이트에서 제어를 하지 않는 이상,

우리가 맨 처음 요청한 데이터만 제공받는다.

즉, 연결이 항상 되어있지 않다.

 

요청의 종류

• GET : 데이터를 서버로부터 받기 위한 요청
• POST : 데이터를 서버로 넘기는 요청
• PUT : 데이터 수정 요청 (아무것도 없는 데이터에서의 수정, 즉 생성도 포함된다)
• DELETE : 서버 데이터 삭제 요청

HTTP Message

통신규약이다 보니 전체를 다 알기에는 너무 많다,

그냥 실제 클라이언트와 서버 사이의 메시지를 확인해보자.

크롬을 사용한 블로그 메인화면에서

F12를 눌러 개발자 도구를 열어보자

개발자 도구는 웹 개발할 때

매일매일 열어서 확인하는 곳이니,

친숙할 거라 믿는다.

 

여기서 Network란을 열어보자

공간이 좁으면 우측의 >>란에 들어가 있으니,

눌러서 열자

웹사이트를 열고나서 개발자 도구를 열었을 때는

이미 데이터를 주고받은 뒤라, 네트워크 창에 뜨는 게 별로 없다.

비연결성을 보여주는 현상이다.

F5를 눌러 새로고침 해주자

HTTP를 통한 Network 항목이 와장창 뜬다.

이 중 하나를 클릭하여, 우측에 뜨는 헤더를 봐보자.

General

HTTP 통신의 대략적 내용을 담은 칸이다.

• Request URL : 데이터를 요청한 서버의 URL이다.
• Request Method : 위에서 설명한 요청의 종류가 나타난다.
• Status Code: HTTP 현재 상태를 뜻한다.
• Remote Address: TCP/IP 접속 시 생성되는 값으로써 IP주소를 포함한 값이다.
• Referrer Policy: HTTP 주소 노출 정책이다.

Request Headers

위치상 제일 밑이지만, 개념 순서상 request를 먼저 보자

빨간색으로 마킹한 구역을 누르면 접고 열수있다.

GET / HTTP/1.1

GET 메서드를 써서 요청했고, HTTP 1.1 버전이라 나타내고 있다.

이후로도, 모든 내용이 데이터 요청에 대한 정보를 담고 있다.

Response Headers

다음 서버의 데이터 응답으로서

HTTP 버전과 HTTP status,

응답 시간, 등등 데이터 응답에 대한 정보가 적혀있다.

 

Response

받은 데이터를 보는 방법은,

해더 탭에서 우측에 있는 Response 탭을 누르면 된다.

끝