[HTTP] - HTTP 메서드의 활용

인프런 강의 중 모든 개발자를 위한 HTTP 웹 기본 지식이라는 강의에 대한 TIL입니다.

HTTP 메서드의 활용

• 클라이언트에서 서버로의 데이터 전송

 

클라이언트에서 서버로의 데이터 전송

데이터 전달 방식은 크게 2가지가 있다. 첫 번째로는, GET 메서드를 이용해서 쿼리 파라미터를 통한 데이터 전송이다. 주로 검색어나 정렬 필터 기능을 요구할 때 사용된다. 두 번째로는, 요청 메시지의 바디를 통한 데이터 전송이다. POST나 PUT 메서드가 이에 사용된다. 주로 회원 가입, 상품 주문, 리소스 등록, 변경등을 요구할 때 사용된다.

 

 

💡요청 메시지로 데이터를 전달하는 4가지 상황

 

정적 데이터 조회

이미지 파일이나 정적 텍스트 문서등을 조회하는 상황일 때를 정적 데이터 조회라고 한다. 이러한 정적 데이터는 일반적으로 쿼리 파라미터 없이 리소스 경로로 단순하게 조회가 가능하다. 이때, GET 메서드가 사용된다.

 

동적 데이터 조회

조회 조건을 줄여주는 필터나 조회 결과를 정렬하는 정렬 조건을 사용하는 상황을 동적 데이터 조회라고 한다. 동적 데이터 조회를 할 때에는 쿼리 파라미터를 사용해서 서버에 데이터를 전달한다. 이때도 GET 메서드가 사용된다.

 

HTML Form을 통한 데이터 전송

HTML Form은 submit이 되면 웹 브라우저에서 자동으로 HTTP 요청 메시지를 생성해서 서버로 전달해준다. POST 메서드를 사용한 HTML Form 데이터 전송은 Form의 내용을 key=value 형식으로 메시지 바디를 통해서 이루어진다.

 

출처) https://www.inflearn.com/course/http-웹-네트워크 강의자료

 

출처) https://www.inflearn.com/course/http-웹-네트워크 강의자료

 

HTML Form 데이터 전송은 POST 메서드 말고도 GET 메서드도 사용될 수 있다. GET 메서드를 사용하면 Form의 내용을 request-target의 쿼리 파라미터로 사용해서 요청 메시지를 생성한다.

 

HTTP API를 통한 데이터 전송

 

출처) https://www.inflearn.com/course/http-웹-네트워크 강의자료

위의 요청 HTTP 메시지처럼 데이터를 전송하는 것을 HTTP API를 통한 데이터 전송이라고 한다. HTTP API는 벡엔드 시스템 통신, 아이폰이나 안드로이드 같은 앱 클라이언트, React나 VueJS같은 웹 클라이언트와 통신할 때 사용된다. POST나 PUT 메서드는 메시지 바디를 통해서 데이터를 전송하고 GET 메서드를 사용할 때는 쿼리 파라미터로 리소스 조회를 위한 데이터 전달을 한다.