HTTP

BBAKJUN·2021년 11월 20일
0

CS지식

목록 보기
1/7
post-thumbnail

Hyper-Text Transfer Protocol

HTTP는 www상에서 문서를 주고 받는 프로토콜이다

프로토콜은 통신규칙으로 신호등처럼 규칙이있는 인터넷 통신 규칙이다.(데이터를 주고받을수 있는 통신규약)

HTTP/1.0 : GET, HEAD, POST
HTTP/1.1 : PUT, DELETE, TRACE

웹에서 통신을 주고받는 주체는
서버 / 클라리이언트 둘이다.
서버와 클라이언트 간 통신을 주고받을때 사용하는 규칙이 HTTP라고 한다.

웹앱상에서는 클라이언트는 웹브라우저를 말할수있으며, 백단에서의 rest API로 웹서버와 통신을 하게된다.

현재 내가 제작중인 프로젝트의 게시글 작성을 예로 들어보자

클라이언트 측에서 작성버튼을 누르면 onClick 액션이 발생하게 되고 게시글의 정보들을 웹서버로 보내게된다

이를 클라이언트가 서버에게 게시글을 추가시켜달라하는 요청이라고한다

그후 서버가 클라이언트에게 요청받은것에 대한 대답으로 브라우저에서 웹페이지 문서를 표현하기 위한것을 응답이라고 표현한다.

HTTP 패킷

클라이언트가 서버로 요청할때 보내는 데이터를 HTTP 패킷이라고 한다. 패킷의 구조는 크게 Header와 Body로 나뉘어진다.

헤더에는 HTTP 메소드 방식중 어떤것을 사용했는지, 클라이언트의 정보, 브라우저 정보, 접속할 URL 등등 클라이언트 정보를 담는다

아래의 사진은 로그인에 대한 요청에대한 헤더정보다.

위에서 말한것처럼 브라우저 정보, 접속할 url의 정보가 담겨있다.

바디는 비어있다가, 특정 데이터를 담아서 서버에게 요청을 보낼수있다.

signIn      : ({email,password}) => api.post(`/login`,{
    email,password
  }),

로그인 api다. 바디에는 email,password정보가 담겨져서 서버에게 요청을 보내는 소스다

  • Request Header : 요청하는 페이지 주소와 현재 컴퓨터의 정보가 전송되는 부분
  • Request Body : post 요청시 전송되는 데이터가 들어감, get 요청시 빈칸
  • Response Header : 응답 페이지의 상태와 서버에 관한 정보가 전송되는 부분
  • Response Body : 페이지의 html 소스가 전송되는 부분

HTTP 메소드

GET URL에 표시된 리소스를 가져오기
POST BODY에 정보를 담아 서버에 입력
PUT Url에 표시된 리소스와 바꿔치기
PATCH PUT과 다르게 일부만 수정
DELETE Url에 표시된 특정 리소스 삭제
profile
함께 일하고 싶은 환경을 만들어가는 프론트엔드 개발자 박준형입니다. 블로그 이전 [https://dev-bbak.site/]

0개의 댓글