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

데이터 전달 방식

데이터 전달 방식은 크게 2가지이다.

1. 쿼리 파라미터를 통한 데이터 전송
   • GET
   • 주로 정렬 필터(검색어)
2. 메시지 바디를 통한 데이터 전송
   • POST, PUT, PATCH
   • 회원 가입, 상품 주문, 리소스 등록, 리소스 변경

네가지 상황

1. 정적 데이터 조회
   이미지, 정적 텍스트 문서
2. 동적 데이터 조회
   주로 검색, 게시판 목록에서 정렬 필터(검색어)
3. HTML Form을 통한 데이터 전송
   회원 가입, 상품 주문, 데이터 변경
4. HTTP API를 통한 데이터 전송
   • 회원 가입, 상품 주문, 데이터 변경
   • 서버 to 서버, 앱 클라이언트, 웹 클라이언트(Ajax)

정적 데이터 조회

1. 쿼리 파라미터 미사용
2. 이미지, 정적 텍스트 문서
3. 조회는 GET 사용
4. 정적 데이터는 일반적으로 쿼리 파라미터 없이 리소스 경로로 단순하게 조회 가능

동적 데이터 조회

1. 쿼리 파라미터 사용
2. 주로 검색, 게시판 목록에서 정렬 필터(검색어)
3. 조회 조건을 줄여주는 필터, 조회 결과를 정렬하는 정렬 조건에 주로 사용 조회는 GET 사용
4. GET은 쿼리 파라미터 사용해서 데이터를 전달

HTML Form 데이터 전송

1. HTML Form submit시 POST 전송
   예) 회원 가입, 상품 주문, 데이터 변경
2. Content-Type: application/x-www-form-urlencoded 사용
   • form의 내용을 메시지 바디를 통해서 전송(key=value, 쿼리 파라미터 형식)
   • 전송 데이터를 url encoding 처리
     예) abc김 -> abc%EA%B9%80
3. HTML Form은 GET 전송도 가능
4. Content-Type: multipart/form-data
   • 파일 업로드 같은 바이너리 데이터 전송시 사용
   • 다른 종류의 여러 파일과 폼의 내용 함께 전송 가능(그래서 이름이 multipart)
5. 참고: HTML Form 전송은 GET, POST만 지원

HTTP API 데이터 전송

1. 서버 to 서버
   백엔드 시스템 통신
2. 앱 클라이언트
   아이폰, 안드로이드
3. 웹 클라이언트
   • HTML에서 Form 전송 대신 자바 스크립트를 통한 통신에 사용(AJAX)
   • 예) React, VueJs 같은 웹 클라이언트와 API 통신 POST, PUT, PATCH: 메시지 바디를 통해 데이터 전송
4. GET: 조회, 쿼리 파라미터로 데이터 전달
5. Content-Type: application/json을 주로 사용 (사실상 표준)
   TEXT, XML, JSON 등등

HTTP API 설계 예시

1. HTTP API - 컬렉션
   • POST 기반 등록
   • 예) 회원 관리 API 제공
2. HTTP API - 스토어
   • PUT 기반 등록
   • 예) 정적 컨텐츠 관리, 원격 파일 관리
3. HTML FORM 사용
   • 웹 페이지 회원 관리
   • GET, POST만 지원

컬렉션(Collection)

서버가 관리하는 리소스 디렉토리
서버가 리소스의 URI를 생성하고 관리

스토어(Store)

클라이언트가 관리하는 리소스 저장소
클라이언트가 리소스의 URI를 알고 관리