http - 5️⃣ HTTP 메서드 활용

 

[HTTP 메서드 활용 ]

 

 

📍 데이터 전달 방식 

 

◼️ 쿼리 파라미터를 통한 데이터 전송

- GET

- 주로 정렬 필터(검색어)를 쓸 때 많이 사용 

 

◼️  메시지 바디를 통한 데이터 전송 

- POST, PUT, PATCH 

- 회원가입, 상품 주문, 리소스 등록, 리소스 변경 등에 사용

 

 

📍 클라이언트 ➡️ 서버로  데이터가 전송되는 상황 예시 

 

◼️ 정적 데이터 조회

- 이미지, 정적 텍스트 문서 ➡️ 쿼리 파라미터없이 리소스 경로로 단순하게 조회 가능 

- 단순 조회이므로 GET을 사용 

 

 

◼️ 동적 데이터 조회

- 주로 검색, 게시판 목록에서 정렬 필터(검색어) ➡️ 쿼리 파라미터 사용

- 서버는 쿼리 파라미터를 기반으로 정렬 필터해서 결과를 동적으로 생성 

- 쿼리 파라미터를 사용해서 데이터를 전달하는 GET을 사용 

: GET도 메시지 바디를 써서 데이터를 전송할 수 있으나 지원하지 않은 서버도 아직 많으므로 실무에서는 권장 X

 

 

◼️ HTML Form을 통한 데이터 전송  : GET, POST 만 지원함 

* POST 전송 

- FORM의 submit버튼을 누르면 input에 입력된 값을 기반으로 된 메시지 바디를 가진 HTTP메시지가 생성됨 

Content-Type: application/x-www-form-urlencoded

: html의 form의 기본 Content-Type 

: form의 내용을 메시지 바디를 통해서 전송 (key=value, 쿼리 파라미터 형식)

- 전송 데이터를 url encoding 처리  ex. abc김 ➡️ abc%EA%B9%80

 

* GET 전송

- form으로 전송할 때 POST가 아닌 GET도 쓸 수 있음 

 : GET이므로 메시지 바디를 안써서 쿼리 파라미터에 form을 통해 넘겨온 값을 넣어서 서버에 넘겨줌

➡️ POST면 메시지 바디에, GET이면 쿼리에 // 

 

* 파일이 넘어가는 경우 (파일 업로드 구현)

Content-Type: HTTP multipart/form-data

 

 

➡️ 다른 종류의 여러 파일과 폼의 내용을 함께 전송 가능 

 

 

 

◼️ HTTP API 를 통한 데이터 전송 

- 회원 가입, 상품 주문, 데이터 변경

- 서버 to 서버 : 서버끼리 통신할 때 많이 사용하는 방법 

- 안드로이드나 아이폰 등의 앱 클라이언트에서의 전송 시 사용 

- 웹 클라이언트(Ajax)

    : form 전송 대신 자바 스크립트를 통한 통신에 사용 

- POST, PUT, PATCH를 사용할 때는 메시지 바디를 통해 데이터 전송

- GET : 조회, 데이터는 쿼리 파라미터로 전달 

 

Content-Type: application/json

 

 

- 지금은 거의 json을 사용 (과거는 XML, 지금은 json이 표준) 

 

 

* API 설계 예시 (POST 기반) 

목록	/members	GET
등록	/members	POST
조회	/members/{id}	GET
수정	/members/{id}	PATCH, PUT, POST
삭제	/members/{id}	DELETE

 

* 컬렉션 Collection

- 서버가 관리하는 리소스 디렉토리 

- 서버가 리소스의 URI를 생성하고 관리 

ex. /members

 

 

* POST 방식에서는 클라이언트는 등록될 리소스의 URI를 모르고 서버가 새로 등록된 리소스 URI를 생성해주는데

PUT 기반에서는 클라이언트가 리소스 URI를 알고 있어야 함 

 

** POST 기반 - 컬렉션 / PUT 기반 - 스토어

 

* 스토어 (Store)

- 클라이언트가 관리하는 리소스 저장소

- 클라이언트가 리소스의 URI를 알고 관리 

 

 

 

 

◼️ HTML FORM 

- GET, POST만 지원 

- AJAX와 같은 기술로 해결 가능

 

 

 

 

 

 

 

강의 출처 :

https://www.inflearn.com/course/http-%EC%9B%B9-%EB%84%A4%ED%8A%B8%EC%9B%8C%ED%81%AC/dashboard

모든 개발자를 위한 HTTP 웹 기본 지식 - 인프런 | 강의