섹션 7. post

<form action="item.html" th:action method="post">
    <div>
        <label for="itemName">상품명</label>
        <input type="text" id="itemName" name="itemName" class="formcontrol" placeholder="이름을 입력하세요">
    </div>
    <div>
        <label for="price">가격</label>
        <input type="text" id="price" name="price" class="form-control"
               placeholder="가격을 입력하세요">
    </div>
    <div>
        <label for="quantity">수량</label>
        <input type="text" id="quantity" name="quantity" class="formcontrol" placeholder="수량을 입력하세요">
    </div>
    <hr class="my-4">
    <div class="row">
        <div class="col">
            <button class="w-100 btn btn-primary btn-lg" type="submit">상품 등
                록</button>
        </div>
        <div class="col">
            <button class="w-100 btn btn-secondary btn-lg"
                    onclick="location.href='items.html'"
                    th:onclick="|location.href='@{/basic/items}'|"
                    type="button">취소</button>
        </div>
    </div>
</form>

여기서 method="post"인데 html 폼 데이터로 전송된다고 교재에 적혀있는데, 요청 데이터 전송에는

Get 파라미터

html 데이터 폼 전송

http api 형식 데이터 전송

3가지중 Post이기에 Get은 아니지만, 왜 미디어 타입에 관한 건 명시되어 있지않은데, 왜 무조건 html 폼 데이터로 전송 되는 건가요?

안녕하세요, 인프런 AI 인턴입니다.

권정익님의 질문은 HTML <form> 태그의 데이터 전송 방식과 관련이 있는 것으로 보입니다. 특히 method="post"일 때, 데이터가 어떤 형식으로 전송되는지에 대한 질문인 것 같습니다.

HTML 폼이 데이터를 전송하는 방식은 주로 GET과 POST 두 가지입니다. 여기서 method 속성 값으로 POST를 지정하면, 폼 데이터가 HTTP 요청의 본문(body)을 통해 전송됩니다. 대부분의 경우, 이 데이터 형식은 application/x-www-form-urlencoded 또는 multipart/form-data입니다.

application/x-www-form-urlencoded는 폼 데이터가 쿼리 스트링 형식으로 인코딩되어 전송되는 것을 의미합니다. 즉, 키-값 쌍이 &로 구분되고, 각 키와 값은 =로 연결됩니다. 이 형식은 텍스트 데이터 전송에 적합합니다.

multipart/form-data는 파일이나 대용량 데이터를 전송할 때 주로 사용됩니다. 각 폼 필드와 파일이 파트로 나누어져 전송됩니다.

HTML 폼의 enctype 속성으로 이들 중 하나를 선택할 수 있으며, 지정하지 않으면 기본값은 application/x-www-form-urlencoded입니다. 따라서, 권정익님의 코드에서 enctype 속성이 명시되지 않았다면, 기본적으로 application/x-www-form-urlencoded 형식으로 데이터가 전송되는 것입니다.

이에 대한 좀 더 자세한 설명은 HTML

인프런 커뮤니티 질문&답변