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

클라이언트에서 서버로 데이터를 전송하는 방식에는 4가지 정도로 분류할 수 있다. 

정적 데이터 조회, 동적 데이터 조회, HTML Form 데이터 전송, HTTP API 데이터 전송 4가지 방식에 대한 특징을 알아 보도록 하자.

 

1. 정적 데이터 조회

 - 이미지, 정적 데이터 문서

 - 쿼리 파라미터 미사용

 - 조회는 GET 사용

 - 정적 데이터는 일반적으로 쿼리 파라미터 없이 리소스 경로로 단순하게 조회 가능

 

2. 동적 데이터 조회

 - 주로 검색, 게싶판 목록에서 정렬 필터(검색어)

 - 쿼리 파라미터를 기반으로 정렬 필터해서 결과를 동적으로 생성 (ex. ?q=hello&hl=ko)

 - 조회는 GET 사용

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

 

3. HTML Form을 통한 데이터 전송

 - 회원 가입, 상품 주문, 데이터 변경 등에 사용

 - HTML Form submi시 POST 전송

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

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

    - 전송 데이터를 url encoding 처리 (ex. abc김 -> abc%EA%B9%8O)

 - HTML Form은 GET 전송도 가능

 - Content-Type : mulipart/form-data

    - 파일 업로드 같은 바이너리 데이터 전송시 사용

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

 - HTML Form 전송은 GET, POST 만 지원

 

4. HTTP API를 통한 데이터 전송

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

 - 서버 to 서버, 앱 클라이언트, 웹 클라이언트(Ajax)

 - POST, PUT, PATCH : 메시짖 바디를 통해 데이터 전송

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

 - Content-Type : application/json 을 주로 사용 (사실상 표준)

 

 

 

 

 

출처 : 인프런 김영한님의 '모든 개발자를 위한 HTTP 웹 기본 지식' 강의 내용