본문 바로가기

TIL

HTTP (1) Intro

이번 포스트는 이고잉님의 'HTTP 소개' 강의를 듣고 정리한 내용입니다.

https://opentutorials.org/course/3385/21673

 

HTTP 소개 - 생활코딩

수업소개 HTTP가 무엇인지를 살펴봅니다. 크롬 개발자 도구 내의 네트워트 기능도 살짝 살펴봅니다.  강의

opentutorials.org

 

 

지난 시간에 Client와 Server가 무엇인지에 대해 배웠다.

이번 시간에는 HTTP에 대해 배워보려고 한다.

 

 

Client가 Server에게 html과 같은 데이터를 요구하는 것을 'request'라고 한다.

그에 응답해 Server가 Client에게 데이터를 보내주는 것을 'response'라고 한다. 

이렇게 데이터를 주고 받기 위해 서버와 클라이언트가 알아들을 수 있는 공통의 메시지가 HTTP이다.

 

 

그럼,

HTTP란?

- HyperText Transfer Protocol의 약자.

- Hyper Text를 주고받을 때 사용하는 프로토콜?!

- 간단하게 말하면 => 웹브라우저와 웹서버가 컨텐츠(HTML, CSS, JavaScript, Image, Audio 등)을 주고 받기 위해서 사용하는 통신 규칙

- http는 크게 request와 response를 위한 메시지로 구분되어 있다.

 

 

 



개발자 툴 속 Network 탭 => 브라우저와 웹 서버가 어떤 통신을 주고 받고 있는지를 모니터링 할 수 있다.

 

 

내 저번 포스트 ㅋㅋ

 

 

 

 

http 메시지를 확인해보자!

(근데 이고잉님 창에 뜨는 내용이 내꺼랑 좀 달라서 ;-;........ 선생님 설명 위주로 정리하겠음)

 

 

 

 

Request Headers 

 


- 웹 브라우저가 웹 서버에게 요청한 데이터
- 텍스트로 만들어서 보냄
- 내가 사용할 수 있는 통신 방법은 HTTP/1.1이다 라는 정보 보내줌
- 웹브라우저가 어떤 웹 서버의 주소로 접속했는지에 대한 정보도 있다. 

 

 

 

 

 

 

Response Headers

 

 

 

- 응답해준 컨텐츠 길이, 타입, 날짜 등등을 보여준다.

 

 

 

 

General

 

General에 가보면 요청한 URL과 서버에 request할 때 사용한 method, Status Code(200이면 성공적!) 등등을 볼 수 있다.



다른 시각으로 보자면

웹 브라우저는 사용자가 요청한 정보를 웹 서버에 대신 물어봐준다. (위와 같은 텍스트 정보로)

웹 서버는 자기가 가진 정보를 보내주며 response header를 만드는 기계

웹 브라우저는 그러면 그 응답을 받아서 화면에 적절히 보여주는 기계

 

 

 

 

 

정리)

HTTP는 클라이언트와 서버가 컨텐츠를 주고 받을 때 사용하는 규칙, 서로가 알아들을 수 있는 메시지 

'TIL' 카테고리의 다른 글

Ajax (2) - Fetch API  (0) 2020.07.15
Ajax (1) - Intro  (0) 2020.07.15
HTTP (3) HTTP Response Message  (0) 2020.07.15
HTTP (2) HTTP Response Message  (0) 2020.07.15
인터넷 Server와 Client  (0) 2020.07.14