React - 심화 : HTTP

lunaxislu·2023년 12월 19일

http

목록 보기
2/3

프론트엔드 ( FE )와 백엔드 ( BE ) 와 서로 데이터를 요청하고 응답받는 형태로
실 생활에서 우리는 브라우저에서 서버로부터 원하는 자료를 받고,

배민, 무신사 등에서 음식, 옷 등을 주문 한다.

이러한 인터넷상에서 각각의 브라우저환경과 독립된 서버로부터 요청과응답 을 가능하게 하는 것은 서로간의 약속이 있기 때문이다.
그리고 이런 request & response (요청과응답)
컴퓨터 세상에서 칭하는 용어가 있으며, 조금더 세분화해서 알아볼 계획이다.

HTTP : '통신'

Q . HTTP 란 ?
A . 서버(웹 서버)와 클라이언트(웹 브라우저)간의 '대화'를 의미한다. 즉 통신

  • url + url메소드 '형태'로 통신 할 수 있는 방법론이다.

HTTP Protocol

Q . HTTP Protocol이란 ?
A . 서버와 client 간의 통신 규약중 하나다.


[출처 : https://www.hostinger.in/tutorials/what-is-a-url]

위 사진에서 보는 바와 같이

  • https:// : http protocol의 방법을 사용하여
  • subdomain + Domain name : 서버에
  • Path/Page : query(요청)을 한다.

라는 의미이다.

HTTP 메소드

먼저 짚고 넘어가야 할 것으로는
HTTP 메소드를 어떻게 무엇으로 할지는서버(BE) 에서 결정해주고 FE에게 알려준다.

  • GET : 조회
  • POST: 생성
  • PUT PATCH : 수정(변경)
  • DELETE : 삭제

위의 메소드를 보면 어? HTTP - Protocol의 메소드는 항상 저런식이구나 라는 함정에 빠질 수 있는데...

서버(BE)에서 메소드 정의를 할 때 ,

"GET이라는 메소드는 조회를 할 수 있는 메소드야" 라고 할수 도 있고

"GET"이라는 메소드는 삭제를 할 수 있는 메소드야" 라고도 할 수 있다.

그러므로 메소드에 관해서 FE에서 (적어도 나에게 있어서 만큼은...) 어떻게 무얼 하는거야 라는 걱정을 할 필요가 없다 .

위의 메소드는 보통 이러한 형식으로 서버(백엔드) 에서 HTTP를 참고하는 일반? 적인 메소드다.

0개의 댓글