섹션2 서블릿) HTTP 요청 데이터 - POST HTML Form

본 포스트는 스프링 MVC 1편(김영한, 인프런) 강의를 통해 학습한 내용을 작성자 임의 대로 요약 및 정리한 것입니다.

---

1. POST HTML Form

HTML의 Form을 이용하여
클라이언트에서 서버로
데이터를 전송해보기
(주로 회원가입, 상품 주문 등)

특징

• Content-Type
  : application/x-www-form-urlencoded
  
• ``username=hello&age=20’’ 메시지 바디에
  쿼리 패러미터 형식으로 데이터 전달
  

1.1. src/~/hello-form.html 생성

(생략)
<form action="/request-param" method="post">
    username: <input type="text" name="username" />
    age:      <input type="text" name="age" />
    <button type="submit">전송</button>
(생략)

이 form에
username=hello, age=20 입력 시

username = hello
age = 20

서버 로그에 이렇게 기록된다.

클라이언트(브라우저) 입장에서는
GET, POST
이 두 방식에 있어서 차이가 있지만,
서버의 입장에서는 둘의 형식이 동일하여
구분없이 조회 가능하다.

Cf) content-type은
    HTTP 메시지 바디의 데이터 형식을 지정.

- GET URL 쿼리 패러미터 형식으로 전달 시,
    HTTP 메시지 바디 미사용하므로 없음.
- POST HTML Form 형식으로 전달 시,
    HTTP 메시지 바디에 해당 데이터 포함해 보내므로
바디에 포함된 데이터의 형식을 꼭 지정!!!

1.2. Postman 사용한 테스트

HTML Form 사용 안 하고
Postman을 이용해도 됨.

• Body
  x-www-form-urlencoded 선택
  
• 헤더의 Content-Type
application/x-www-form-urlencoded