본문 바로가기
http

[HTTP]#5 HTTP 메소드 활용

by 쁘띠뀨띠 2023. 12. 6.

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

 

1_쿼리 파라미터를 통한 데이터 전송 : GET, 정렬 필터(검색어)

2_메시지 바디를 통한 데이터 전송 : POST, PUT, PATCH, (회원가입, 상품주문, 리소스 등록 및 변경 등)


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

 

1_정적 데이터 조회

- 이미지, 정적 텍스트 문서

- 쿼리 파라미터 없이 리소스 경로로 단순하게 조회 가능

 

2_동적 데이터 조회

- 주로 검색, 게시판 목록에서 정렬 필터

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

 

3_HTML Form 데이터 전송

- POST전송 (회원 가입, 상품 주문, 데이터 변경...)

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

      메시지 바디를 통해 전송(key=value,쿼리 파라미터 형식)

      전송 데이터를 url encoding처리 (abc김 abc%EA%BO%80)

- HTML Form은 GET 전송도 가능

- Content-Type : multipart/form-data

      파일 업로드 같은 바이너리 데이터 전송시 사용, 여러 종류의 파일과 폼의 내용 함께 전송 가능

      *HTML Form 전송은 GET / POST만 지원

 

4_HTTP API 데이터 전송

- 서버 to 서버 : 백엔드 시스템 통신

- 앱 클라이언트 : 아이폰, 안드로이드

- 웹 클라이언트 : HTML에서 Form 전송 대신 자바 스크립트를 통한 통신에 사용(AJAX) (예 : React, VueJ 등)

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

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

- Content-Typ : application/json을 주로 사용 (사실상 표준) (예 : TEXT, XML, JSON 등)

'http' 카테고리의 다른 글

[HTTP]#7 HTTP 상태 코드  (0) 2023.12.07
[HTTP]#6 HTTP API 설계 예시  (1) 2023.12.06
[HTTP]#4 HTTP 메소드  (1) 2023.12.06
[HTTP]#3 HTTP 기본  (1) 2023.12.06
[HTTP]#2 URI와 웹 브라우저 요청 흐름  (1) 2023.12.05