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

안녕하세요. 서수민 님, 공식 서포터즈 OMG입니다.
<select th:field="*{deliveryCode}" class="form-select"> <option value="">==배송 방식 선택==</option> <option th:each="deliveryCode : ${deliveryCodes}" th:value="${deliveryCode.code}" th:text="${deliveryCode.displayName}">FAST</option> </select>

올리신 코드는 아래와 같은 html로 변경이 되는데요,

<select class="form-select" id="deliveryCode" name="deliveryCode">
    <option value="">==배송 방식 선택==</option>
    <option value="FAST">빠른 배송</option>
    <option value="NORMAL">일반 배송</option>
    <option value="SLOW">느린 배송</option>
</select>

select박스에서 선택한 배송 방식은 value값이 들어오는것을 확인하실 수 있습니다.

이코드에서 deliveryCode는 String타입이 아니라 DeliverCode타입이라 객체가 넘어가는줄알았는데 item에 String타입으로 넘어가 저장되더라고요

남기신 이 부분에서 혼선이 있으신 것으로 생각이 드는데요, 컨트롤러에서 아래와 같이 Model에 DeliveryCode를 List로 담아서 화면에 보내고 있습니다.

@ModelAttribute("deliveryCodes")
public List<DeliveryCode> deliveryCodes() {
    List<DeliveryCode> deliveryCodes = new ArrayList<>();
    deliveryCodes.add(new DeliveryCode("FAST", "빠른 배송"));
    deliveryCodes.add(new DeliveryCode("NORMAL", "일반 배송"));
    deliveryCodes.add(new DeliveryCode("SLOW", "느린 배송"));
    return deliveryCodes;
}

그리하여 아래와 같이 deliveryCode's'를 순회하여 option value를 세팅해주고 있으며, DeliveryCode의code는 String 타입이 맞습니다.

<option th:each="deliveryCode : ${deliveryCodes}" th:value="${deliveryCode.code}"
        th:text="${deliveryCode.displayName}">FAST</option>

public class DeliveryCode {

    private String code;
    private String displayName;

}

.

정리하면 addForm화면에 들어올 때 Model에 포함되어 가져온 것은 List의 DeliveryCode타입이고,

화면에서 선택한 배송정보는 DeliveryCode의 code데이터(String)이며, 이 코드는 value에 세팅되어지고 선택한 option의 값(value)이 Item의 deliveryCode에 포함되어집니다.

.

감사합니다.