강의

멘토링

로드맵

Inflearn brand logo image

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

JHL님의 프로필 이미지
JHL

작성한 질문수

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

체크 박스 - 멀티

쿼리 스트링 또는 폼 데이터에서 멀티 값의 대한 스프링에서 처리해주는 방식

작성

·

31

·

수정됨

0

1. 강의 내용과 관련된 질문인가요? 예
2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? 예
3. 질문 잘하기 메뉴얼을 읽어보셨나요? 예

[질문 내용]
쿼리 스트링 또는 폼 데이터에서 멀티 값의 대한 스프링에서 처리해주는 방식에 대해서 궁금한 게 있습니다.
 

[질문 1]
멀티 체크(등록 지역)은 th:fieldList<String>으로 했기 때문에 아무것도 선택 하지 않았을 경우 서버로 hidden=on만 오기 떄문에 스프링에서 알아서 field 타입에 알맞은 빈 값 -> [ ]을 반환해주는 것이 맞나요?
그렇다면 각 타입마다 스프링에서 빈 값을 매핑해주는 것이 어떻게 정리되어있나요? 사용자 객체를 th:field로 했다면 어떻게 되나요?


만약에 실제 로직이 위의 물음과 같다면 아무것도 체크하지 않거나 하나만 체크했을 경우는 같은 이름의 키를 가진 값이 두 개 이상일수없을텐데 이 경우 어떻게 빈 배열이 아래 regions에 할당되는 것인가요?

private List<String> regions

 

[질문 2]

 <input type="checkbox" id="open" th:field="*{open}" th:value="true" class="form-check-input">

<input type="checkbox" th:field="*{regions}" th:value="${region.key}" class="form-check-input">

위는 판매 여부, 아래는 등록 지역에서 사용된 코드 중 일부입니다.

판매 여부에서 th:value를 생략한 이유는 th:fieldopen, 즉 boolean타입으로 정의되어있어서 th:value의 기본 값이 자동으로 true로 되기 때문에 생략이 가능한것이라고 생각했습니다.

때문에 등록 지역에서 th:value를 따로 region.key로 해준것은 fieldList<String>타입이니 value의 타입은 자연스럽게 String이 될것이고 boolean과 달리 String은 기본 value가 없어서 따로 구분할 value를 해줘야하기 때문에 각 checkbox마다 valueregion.key로 커스텀 등록 해준 것이 맞나요?

[질문 3]

등록 지역은 스프링이 값을 리스트로 바꿔줘 해주는데 이것은 th:field타입을 따라가서 그런가요?
그리고 등록 지역의 여러 체크박스가 하나의 컬렉션(List<String>) 필드로 묶여서 바인딩되는 건 name 속성이 같기 때문인가요?

답변 1

0

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

스프링 프레임워크는 쿼리 스트링이나 폼 데이터에서 전송된 데이터의 바인딩을 매우 유연하게 처리합니다. 질문에 대한 답변은 다음과 같습니다:

[질문 1]
멀티 체크박스로 넘어오는 데이터를 List<String> 타입으로 받는 상황에서 아무 값도 체크되지 않았다면, 스프링은 이 필드를 빈 리스트([])로 바인딩합니다. 이는 스프링이 서버로 전송된 요청 파라미터 중 해당 필드의 이름이 없는 경우 기본 값으로 빈 컬렉션을 할당하기 때문입니다. 반면, 사용자 객체를 th:field로 사용했다면, 해당 객체의 필드들을 기반으로 빈 객체가 생성됩니다. 빈 배열이 할당되는 이유는 name 속성이 같은 여러 값들이 체크박스의 특성상 서버로 전송될 수 있으며, 이 값들이 List<String>으로 묶여서 받아져서 가능합니다.

[질문 2]
판매 여부 checkbox에서 th:value를 생략할 수 있는 이유는 th:field가 Boolean 타입을 의미하므로, 선택되었을 때 자동으로 true가 매핑되기 때문입니다. 반면 등록 지역의 경우 List<String> 타입이기 때문에 각 체크박스의 value를 분명히 해줘야 하고, region.key 값을 명시적으로 설정하여 어떤 값이 선택되었는지를 알 수 있도록 설정합니다. 이는 String 타입에는 기본 value가 없기 때문입니다.

[질문 3]
등록 지역의 여러 체크박스가 하나의 List<String>으로 바인딩되는 것은 두 가지 이유 때문입니다. 첫째, th:field의 타입이 List<String>으로 되어 있어서 스프링은 동일한 name을 가진 여러 파라미터를 수집하여 List로 바인딩할 수 있습니다. 둘째, 각 체크박스의 name 속성이 같으면, 해당 이름으로 전송된 모든 값이 컬렉션에 묶여서 바인딩됩니다.

질문이 해결되지 않았거나 추가적인 궁금한 점이 있으면 다시 질문해 주세요! 감사합니다.

출처: 질문용 구글 문서

JHL님의 프로필 이미지
JHL

작성한 질문수

질문하기