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

도토리님의 프로필 이미지
도토리

작성한 질문수

스프링 MVC 2편 - 백엔드 웹 개발 활용 기술

FieldError, ObjectError

FieldError가 아닌 Item으로 사용자 입력 값 유지하기

작성

·

768

·

수정됨

0

상품명, 가격, 수량 필드에 각각 (입력 x), 1, 10000을 입력했고, Item 객체에 각각 "", 1, 10000이 저장되었음을 확인했습니다.
그리고 addForm.html에 아래와 같이 코드를 작성해보았고, 동일하게 Item 객체에 "", 1, 10000이 저장되었음을 확인했습니다.

<div th:text="*{itemName}"></div> -> <div></div>
<div th:text="*{price}"></div> -> <div>1</div>
<div th:text="*{quantity}"></div> -> <div>10000</div>

 

FieldError가 아닌 Item 객체에 저장된 값을 통해서 사용자가 입력한 값을 유지할 수 있을 것이라 생각하였습니다.
시도1.

addForm.html

<input type="text" id="price" th:field="*{price}" class="form-control" th:errorclass="field-error" placeholder="가격을 입력하세요">

th:field에 의해서 value속성이 생길 때, item.getPrice()해서 value="1"이 만들어질 줄 알았으나
-> value=""가 만들어짐
(이때, 사용자 입력값 유지를 Item 객체 통해서 하기 위해, bindingResult.addError(new FieldError("item", "price", "가격은 1,000 ~ 1,000,000 까지 허용합니다.")를 사용했습니다. item.getPrice()를 넣지 않음)

시도2. 위 코드에 th:value="*{price}" 속성 추가
당연히 value="1"이 만들어질 줄 알았으나
-> value=""가 만들어짐

왜 value 속성이 제가 예상한 대로 만들어지지 않고, value=""로 만들어지는 것일까요?
(타입 오류는 발생하지 않고, 오직 검증 오류가 발생한다고 가정했을 때,) Item 객체로 사용자 입력 값을 유지할 수는 없을까요?

답변 2

0

form 태그 안에 있는 input이 아니라 완전 별도의 장소에서 th:text="${item.price}"를 출력해보시면 값이 유지되는 것을 확인할 수 있습니다.

컨트롤러에서 addForm을 호출하기 직전에 item객체의 내용물을 log로 확인해보셔도 price 값은 유지되는 것을 확인할 수 있습니다.

값이 유지되지 않는 것처럼 보이는 이유는 값의 출력을 th:text가 아닌 th:object="${item}" 과 th:field 등을 사용했기 때문에 단순히 item.getPrice()가 호출되는 것이 아닌 bindingResult에 에러가 있는 필드의 경우 bindingResult에서 그 값을 찾기 때문이라고 생각됩니다.

도토리님께서 bindingResult에 잘못된 값이라도 그 값을 주지 않는 FieldError 생성자를 사용하셨기 때문에 값이 유지되지 않는 것처럼 보입니다.

0

김영한님의 프로필 이미지
김영한
지식공유자

안녕하세요. 도토리님

전체 프로젝트를 압축해서 구글 드라이브로 공유해서 링크를 남겨주세요.

구글 드라이브 업로드 방법은 다음을 참고해주세요.

https://bit.ly/3fX6ygx

주의: 업로드시 링크에 있는 권한 문제 꼭 확인해주세요

추가로 다음 내용도 코멘트 부탁드립니다.

1. 실행 방법을 알려주세요.

2. 어떻게 문제를 확인할 수 있는지 자세한 설명을 남겨주세요.

감사합니다.

도토리님의 프로필 이미지
도토리

작성한 질문수

질문하기