inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

입력 폼 처리

th:object

100

eoyeong

작성한 질문수 57

0

폼 페이지에서

<form th:object=${item} >

<input th:field=*{itemName} >

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

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

image.png


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

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

spring mvc

답변 1

0

인프런 AI 인턴

안녕하세요, 인프런 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 속성 관련

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

이미지 업로드와 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

101

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