✅ HTTP란?
Hyper Text Transfer Protocol의 약자로, 인터넷에서 데이터를 주고받을 수 있는 프로토콜이다. 여기서 프로토콜(Protocol)이란 통신규칙이라고 생각하면 된다. 즉, http를 주소 앞에 쓰는 것은 HTTP라는 통신규약을 통해 데이터를 주고받겠다고 말하는것과 같다.
✅ HTTP를 알아야하는 이유
프론트엔드 개발자의 역할 중 하나는 서버로 데이터를 전송하고, 알맞은 응답을 받는지 확인하는 것이 중요하다. 여기에서 HTTP를 알아야하는 이유를 알 수 있는데, 프론트엔드 개발자는 웹 위에서 애플리케이션을 개발하기 때문에 HTTP를 모른다면 서버로 데이터를 전송하고, 응답을 받는 역할을 하지 못한다고 할 수 있다.
✅ HTTP 메시지의 구성요소
인터넷 창에 https://www.naver.com 을 검색하면, 이것은 naver 서버에게 naver가 서비스하는 포털서비스에 대한 정보를 달라는 요청이 된다. 이 요청을 받은 naver서버는 클라이언트로 정보를 담은 응답을 보낸다. 이러한 정보를 담은 응답을 HTTP 메시지라고 한다.
✅ 시작줄
첫 줄은 시작줄이라고 한다. 요청에서의 시작줄은 GET https://www.naver.com HTTP/1.1 이라고 적혀있는 것을 확인할 수 있다. GET은 요청 메서드이다. https://www.naver.com는 주소가 되고, HTTP/1.1은 HTTP의 버전이다. 즉, 시작줄은 메서드/주소/버전 으로 구성되어 있다.
응답에서의 시작줄은 HTTP/1.1 200 OK 같은 버전/상태코드/상태메시지로 구성되어 있다.
✅ 헤더
요청에 대한 정보를 담고있는 헤더는 두번째 줄 부터 시작한다. 헤더의 종류가 많기 때문에 굵직한 헤더들만 알고 있으면 좋다.
✅ 본문
헤더에서 한줄을 띄고 본문이 시작되는데, 요청할 때 함께 보낼 데이터를 담는 부분이다.
응답에서의 본문에는 요청에 맞는 데이터를 담아 보내주는데, 이 응답 메시지에 HTML이 담겨있고, 이 HTML을 받은 브라우저가 화면에 HTML파일의 정보를 렌더링 한다.
✅ HTTP 메서드
자주쓰이는 메서드로는 GET, POST ,PUT PATCH, DELETE 정도가 있다.
✅ GET 메서드
쉬운 예로, GET /user라고 하면 사용자의 정보를 가져와달라는 요청이 된다. 예를 들어, GET https://cafe.naver.com/2212312 라고 하면, 네이버카페의 2212312라는 key를 가진 카페의 정보를 가져와달라는 요청이 된다.
✅ POST 메서드
POST 메서드는 새로운 정보를 서버에 새로운 정보를 등록하는 메서드다. 보통 본문에 데이터를 담아 서버에 전송하고, 그 데이터를 서버에 등록한다. 후에 서버가 해당내용을 사용할 수 있다.
✅ DELETE 메서드
말 그대로 데이터를 지워달라는 요청이다. 서버에 등록된 정보를 지우는 메서드이다.
