inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

체크 박스 - 단일2

addForm의 멀티 체크박스에서 질문이 있습니다!

487

jake991110

작성한 질문수 7

0

학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요.

1. 강의 내용과 관련된 질문을 남겨주세요.
2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요.
(자주 하는 질문 링크: https://bit.ly/3fX6ygx)
3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요.
(질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG)

질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요.
=========================================
[질문 템플릿]
1. 강의 내용과 관련된 질문인가요? (예/아니오)
2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오)
3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오)

[질문 내용]
<div> <div>등록 지역</div> <div th:each="region : ${regions}" class="form-check form-check-inline"> <input type="checkbox" th:field="*{regions}" th:value="${region.key}" class="form-check-input"> <label th:for="${#ids.prev('regions')}" th:text="${region.value}" class="form-check-label">서울</label> </div> </div>

이런 코드였는데 궁금한점은

th:field="*{regions}" th:value="${region.key}" 이렇게하면 체크박스를 만약 선택하면 th:value="${region.key} 이렇게 설정한 value의 값이 th:field="*{regions}" item의 regions라는 리스트에 알아서 매핑이 되는건가요???




<div> <div>배송방식</div> <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> </div>

여기서 th:value="${deliveryCode.code}" 여기서 선택한 value가 th:field="*{deliveryCode}" 이것에 의해 타임리프에서 알아서 매핑이 되는건가요?? 알아서 매핑이 되는 것이라면 deliveryCode라는 객체에 code와 displayName이 있는데 여기서 code에 알아서 매핑이 되는건지 궁금합니다,,!


spring mvc

답변 2

0

김영한

안녕하세요. jake991110님

생각하신 내용이 맞습니다.

th:field="*{regions}"th:value="${region.key}"가 하는 일을 설명하면,

Thymeleaf에서 th:field는 model에 담아둔 객체의 특정 필드를 HTML 요소에 바인딩합니다.

*{regions}라는 표현식은 현재 컨텍스트의 객체에서 'regions'라는 이름의 속성을 참조하라는 의미입니다.

th:value는 HTML 요소의 'value' 속성을 설정하는 데 사용됩니다. ${region.key} 표현식은 현재 반복되는 'region' 객체의 'key' 속성을 가져옵니다.

체크박스가 선택되면, 해당 체크박스의 'value' 값이 'regions' 필드에 바인딩됩니다. 여기서 'regions'는 일반적으로 리스트나 배열과 같은 컬렉션 타입입니다. 이는 사용자가 체크박스를 여러 개 선택할 수 있고, 각 선택된 체크박스의 값이 'regions' 컬렉션에 추가될 것이기 때문입니다.

따라서, 사용자가 체크박스를 선택하면 ${region.key}로 설정한 value 값이 *{regions}에 매핑되는 것이 맞습니다.

추가로 th:field="*{deliveryCode}"th:value="${deliveryCode.code}"를 사용하는 것은 체크박스의 예와 비슷한 방식으로 작동합니다.

이 경우에는 <select> 요소를 사용하고 있으며, 각 <option> 요소에 대해 th:value가 설정됩니다. 사용자가 드롭다운 목록에서 특정 옵션을 선택하면, 선택한 옵션의 value 값이 th:field를 통해 바인딩된 속성에 설정됩니다.

즉, 사용자가 특정 배송 방식을 선택하면, 그 방식에 해당하는 deliveryCode.code 값이 form backing 객체의 deliveryCode 속성에 설정됩니다. 이 경우 th:field="*{deliveryCode}"에서 deliveryCode는 단일 값이며, 선택한 <option>value 값으로 설정됩니다.

따라서 사용자가 선택한 옵션의 value 값이 알맞게 deliveryCode 필드에 매핑되는 것이 맞습니다.

감사합니다.

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴이에요.

해당 코드를 보면 멀티 체크박스를 생성하는 부분인 것 같아요. 체크박스를 생성하고 값을 저장하기 위해서는 th:fieldth:value를 사용하는데요, th:field는 체크박스의 값을 저장할 변수를 지정하고, th:value는 체크박스의 실제 값(여기서는 지역을 나타내는 key)을 지정해요.

그런데, 코드 끝이 잘리셨으니 나머지 부분을 추가로 작성해주시면 좋을 것 같아요. 또한, 어떤 부분이 궁금한지 자세한 설명을 들어야 정확한 도움을 드릴 수 있어요. 추가로 질문 내용을 남겨주시면 답변해드릴게요.

이미지 업로드와 db 트랜잭션 묶는법

0

42

1

Could not resolve org.springframework.boot:spring-boot-starter-validation:2.4.4

0

52

2

MessageSourceTest 코드

0

47

1

인터셉터 에러 설정

0

48

1

resolveArgument()메서드 질문

0

56

1

43강 검증1 에서 실패 로직 관련 질문있습니다.

0

54

2

타임리프 3.X 버전 rendering, serializer 에러 해결 방법

2

133

3

스프링 빈에 등록이 안되는거 같은데 어떻게 하면 좋을까요?ㅠㅠ

0

89

3

pdf 오타 문의

0

57

1

ItemUpdateForm 검증 관련 질문입니다.

0

48

1

22page 링크 주소 변경

0

59

2

특정 데이터와 파일을 함께 저장 시, 테이블 구조 질문

0

53

1

섹션3번 수업에 대한 질문입니다.

0

80

2

@Autowired 보다 더 좋은 방법이 어떤 걸까요?

0

85

2

타입컨버터 가 람다랑 비슷해 보이는데 저의 생각이 맞는지?.

0

65

1

자바스크립트 인라인에서 객체 직렬화 시 오류가 납니다

0

142

3

스프링부트 - 오류페이지2 에서 500.html 에서 쓰인 객체 질문

0

63

1

톰캣 에러 페이지가 안보입니다.

0

100

2

apiEceptionController에서 센드 에러 호출하면 안되는지?

0

81

1

세션 타임아웃시 쿠키 삭제 방법이 없나요?

0

118

2

ApiExceptionController 질문드립니다.

0

64

1

셀렉박스 챕터에서 option value에 ==배송 방식 선택== 이것을 넣은 이유가 궁금함, 이렇게 구상해도 되는지?

0

66

1

MemberRepository 필드의 fianl 선언 유무

0

85

2

혹시 index.html 에서는 fragment 사용이 안되는건가요

0

58

1