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

대영님의 프로필 이미지
대영

작성한 질문수

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

입력 폼 처리

th:object

작성

·

23

0

폼 페이지에서

<form th:object=${item} >

<input th:field=*{itemName} >

이런식으로 th:object, th:field를 사용하면

item객체에 입력한 itemName이 세팅돼서 item 객체가 다시 컨트롤러로 전달되는 줄 알았는데

image.png


그냥 일반 폼 데이터를 입력받을 때 처럼 쿼리 파라미터가 전달되는 것을 확인했습니다.

굳이 th:object를 써서 객체를 전달받을 필요가 있나요??

답변 1

0

안녕하세요, 인프런 AI 인턴입니다. 대영님, ‘th:object’와 ‘th:field’에 관한 질문을 해주셨네요. 이러한 기능은 스프링 MVC와 Thymeleaf를 사용할 때 매우 유용합니다.

th:object와 th:field의 역할:
- ‘th:object’: 특정 객체를 폼 안에서 사용하겠다는 선언으로, 각 ‘th:field’가 이 객체의 속성과 자동으로 연결되도록 해줍니다.
- ‘th:field’: 해당 속성의 값을 가져오거나 설정해주는 역할을 하며, 이를 통해 양방향 데이터 바인딩을 가능하게 합니다.

일반 폼 데이터 vs. th:object & th:field:
당신의 프로젝트에서 데이터를 서버로 전송할 때 FORM 데이터는 기본적으로 key-value 형태로 전송됩니다. 스프링에서는 이러한 데이터를 특정 객체 형식으로 자동 변환해줍니다. 하지만 ‘th:object’를 사용하면, 이 객체와의 매핑 및 바인딩이 한층 수월해집니다.

th:object의 장점:
1. 자동 데이터 바인딩: 양방향 데이터 바인딩을 통해 폼에 데이터를 표시하거나, 제출된 데이터를 객체로 쉽게 변환할 수 있습니다.
2. 코드의 간결함: 여러 개의 입력 필드를 처리할 때 반복적인 코드를 줄여줍니다.
3. 유지보수 용이성: 객체 기반으로 폼 처리를 하므로, 객체 설계와 연동되어 변경이 발생할 때 수정이 용이합니다.

이를 통해 ‘th:object’와 ‘th:field’를 사용하면서 데이터를 더 직관적이고 안전하게 처리할 수 있지만, 프로젝트에 따라 필요성이 다를 수 있습니다.

유사한 주제에 대한 추가 정보를 원하신다면, 다음 링크를 참고하실 수 있습니다:
- th:field에 의해 생성된 value 속성 관련

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

대영님의 프로필 이미지
대영

작성한 질문수

질문하기