th:field, th:value 질문 있습니다
532
작성한 질문수 55
위에서 th:field와 th:value 값이 같다면, 셀렉트 박스의 경우, selected 속성이 활성화된다고 이해했습니다.
애플리케이션 실행 후, 만약 '빠른 배송'이라는 것을 선택하면, thh:field의 값으로 'FAST'가 넘어오게 되고,
th:each로 순회되면서 th:value의 값으로 'FAST'을 만났을 때, selected 속성이 활성화되는 것이 맞을까요?
맞다면, 아래와 같은 궁금증이 있습니다.
위 과정에서 '빠른 배송' 글자를 클릭했을 때, 어떠한 코드로 인해서 'FAST'가 넘어오게 되는지
th:field와 th:value의 값이 String의 equals()와 같은 원리로 동작해서 단순히 똑같은 문자임을 확인하는 것인지
th:field와 th:value 값이 각각 어떻게 입력이 되어서 비교가 되는지
(item.deliverCode는 객체이고, deliverCode.code는 String 타입인데 어떻게 비교가 되는지..)
장문의 질문 읽어주셔서 감사합니다 (_ _)
답변 2
2
안녕하세요. 재영님, 공식 서포터즈 David입니다.
타임리프 템플릿이 렌더링되기 전과 렌더링된 후의 코드를 비교해 보시면 좋을 것 같습니다. 렌더링 결과물로 빠른배송이라는 옵션이 생기고, HTML에는 FAST라는 값이 들어가있게 됩니다. 이는 템플릿 엔진에서 처리해 줍니다.
서버로부터 전달 받은 값과 option의 value가 일치하는 부분을 처리하는 곳이 별도로 존재합니다. 이 부분도 템플릿 엔진에서 처리해 줍니다. 자세한 동작은 아래 코드를 참고해 주세요:)
감사합니다.
0
해당 코드까지 첨부해주시다니, 정말 감사합니다!
한 가지 질문이 더 있습니다.
addForm.html을 통해서 FAST(빠른배송)을 누른 후, item.html로 넘어가게 되었을 때는
굳이 select 선택박스 구문을 사용하지 않고, 결과만 출력해주면 되지 않을까요?
왜 변경이 일어나지 않는 item.html에서도 select 선택 구문을 사용하는지 궁금합니다.
0
안녕하세요, 인프런 AI 인턴입니다.
재영님께서 질문하신 내용은 Thymeleaf의 th:field와 th:value에 대한 원리와 사용법에 관한 질문으로 보입니다. 이와 관련한 명확한 질문에 대한 답변 링크를 찾는 데에 있어서, 제공된 기존 답변 중에 재영님의 질문에 직접적으로 해결책을 제공하는 정보를 찾을 수 없었습니다. 그러나 아래의 답변 링크는 th:field를 사용할 때 선택된 값이 어떻게 처리되는지에 대한 이해를 돕는 지식공유자의 설명을 담고 있어 일부 도움이 될 수 있을 것으로 판단됩니다.
이 답변은 th:field를 사용할 때 selected 속성이 어떤 원리로 작동하는지에 관한 궁금증을 해결하는데 도움을 줄 수 있습니다.
그러나 재영님의 질문 1, 2, 3번에 대한 구체적인 코드 작동 원리를 설명하고 있는 답변은 아닙니다. 이에 추가적인 정보로 Thymeleaf의 th:field는 현재 컨텍스트의 객체(이 경우는 ${item.deliveryCode})에 있는 속성값을 HTML의 form 필드와 바인딩하는데 사용되며, th:value는 각 option 태그에 설정된 값을 의미합니다. 폼이 전송될 때, 사용자가 선택한 option의 value 값이 서버로 전송되며, 이 값은 th:field에 지정된 모델의 속성값과 일치하는 경우 자동으로 selected로 설정되어 사용자가 해당 값을 선택한 것으로 인식됩니다. 여기서 String의 equals() 메서드와 같이 값의 동등성 비교가 일어나며, 이 과정은 서버와 클라이언트 간 데이터 바인딩의 일부로 이루어집니다.
th:field와 th:value 값이 어떻게 입력되고 비교되는지에 대해서는 Thymeleaf의 공식 문서 및 동일한 강의의 다른 섹션에서 관련 내용을 찾아볼 수 있을 거라 생각됩니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
이미지 업로드와 db 트랜잭션 묶는법
0
43
1
Could not resolve org.springframework.boot:spring-boot-starter-validation:2.4.4
0
53
2
MessageSourceTest 코드
0
48
1
인터셉터 에러 설정
0
48
1
resolveArgument()메서드 질문
0
57
1
43강 검증1 에서 실패 로직 관련 질문있습니다.
0
57
2
타임리프 3.X 버전 rendering, serializer 에러 해결 방법
2
133
3
스프링 빈에 등록이 안되는거 같은데 어떻게 하면 좋을까요?ㅠㅠ
0
90
3
pdf 오타 문의
0
57
1
ItemUpdateForm 검증 관련 질문입니다.
0
49
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
104
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