HTTP(2) - 클라이언트에서 서버로 데이터 전송

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

 

1. 정적 데이터 조회

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

- 조회는 GET을 사용

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

 

2. 동적 데이터 조회

(https://www.google.com/search?q=hello&hl=ko)    <-    밑줄 친 부분이 동적 데이터 - 쿼리 파라미터

- 동적으로 추가 데이터를 전달할 때 사용(쿼리 파라미터를 서버에 보냄)

- 주로 검색, 게시판 목록 정렬

- 조회 조건을 줄여주는 필터, 조회 결과를 정렬하는 정렬 조건에서 주료 사용

- 조회는 GET을 사용

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

 

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

<form action="/save" method="post">
 <input type="text" name="username" />
 <input type="text" name="age" />
 <button type="submit">전송</button>
</form>

- HTML Form submit시 POST 전송 - 회원가입, 상품주문, 데이터 변경 시 주로 사용

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

• form의 내용을 메시지 바디를 통해서 전송(key=valeu, 쿼리 파라미터 형식)
• 전송 데이터를 url encoding 처리

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

 

 

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

POST /members HTTP/1.1
Content-Type: application/json

{
    "username": "young",
    "age": 20
}

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

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

- 웹 클라이언트

• HTML에서 Form 전송 대신 자사 스크립트를 통한 통신에 사용
• 예) React, VueJs 같은 웹 클라이언트와 API 통신

- POST, PUT, PATCH를 통해 데잍터 전송

- Content-Type: application/json을 주로 사용