inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

오류 코드와 메시지 처리6

타임리프에서 어떤 부분이 typeMismatch 오류 메시지를 출력하는 건가요

293

김민재

작성한 질문수 10

0

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

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

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

[질문 내용]
여기에 질문 내용을 남겨주세요.

<div class="field-error" th:if="${errors?.containsKey('price')}" th:text="${errors['price']}">
    가격 오류
</div>

타임리프의 이 부분이 typeMismatch에 대한 메시지 코드인 '숫자를 입력해주세요' 를 출력하는 건가요?

아니면

<input type="text" id="price" th:field="*{price}"
       th:errorClass="field-error"
       class="form-control" placeholder="가격을 입력하세요">

이 부분의 th:field가 오류 감지하고 출력하는 건가요

spring mvc

답변 2

0

김민재

아 예시 잘못들었습니다

그러니까

<div class="field-error" th:errors="*{price}">
    가격 오류
</div>

여기에서 th:errors하면 price 필드에 대한 모든 오류메시지를 출력한다는 의미인건가요

0

김영한

안녕하세요. 김민재님

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

해당 부분에 다음과 같이 주석 처리를 해서 실행해보시면 바로 이해가 되실거에요 🙂

<!--
            <div class="field-error" th:errors="*{price}">
                가격 오류
            </div>
-->

감사합니다.

0

인프런 AI 인턴

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

김민재님의 질문에 대해, 타임리프에서 typeMismatch 오류 메시지를 출력하는 방법에 관한 내용을 찾아보았습니다. 질문에 언급된 <div> 태그와 <input> 태그 내의 타임리프 속성은 오류 메시지를 출력하는 방법에 관련된 것입니다.

사실, th:if="${errors?.containsKey('price')}" 이 부분은 특정 필드에 에러가 있는지 확인하여 조건에 만족할 때만 해당 div 태그를 렌더링합니다. 여기서 ${errors['price']}는 바인딩 결과(BindingResult)에 추가된 특정 필드(‘price’)에 해당하는 에러 메시지를 출력합니다. 이 부분은 typeMismatch뿐만 아니라 해당 필드에 대해 발생한 다양한 유형의 오류 메시지를 출력할 수 있습니다.

또한, th:field="*{price}"를 사용하는 <input> 태그는 특정 모델 객체의 필드와 뷰 상의 입력 필드를 바인딩합니다. th:errorClass는 해당 필드에 오류가 있을 때만 지정된 CSS 클래스(field-error)를 추가하여 렌더링하는 역할을 합니다. 그러나 이 부분은 직접적으로 오류 메시지를 출력하는 것이 아니라, 오류가 있는 경우 스타일링을 달리하여 사용자에게 시각적인 피드백을 제공합니다.

본론으로 돌아와, 질문의 핵심인 typeMismatch 오류 메시지의 출력 부분은 실제로 <div class="field-error" th:if="${errors?.containsKey('price')}" th:text="${errors['price']}"> 코드를 통해 처리될 수 있습니다. 타임리프는 바인딩 결과에서 price 필드에 대한 오류 메시지를 찾아 해당 메시지를 출력할 수 있습니다.

질문에 대한 더 자세한 이해를 위해, 타임리프에서의 오류 처리와 관련된 유사 질문들을 참고하실 수도 있습니다:
- 타임리프에서 th:errorclass가 정확히 어떤 것인지 궁금합니다!
- th:if관련해서 궁금한 것이 있습니다.

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

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

0

41

1

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

0

47

2

MessageSourceTest 코드

0

46

1

인터셉터 에러 설정

0

47

1

resolveArgument()메서드 질문

0

54

1

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

0

52

2

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

2

130

3

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

0

86

3

pdf 오타 문의

0

54

1

ItemUpdateForm 검증 관련 질문입니다.

0

46

1

22page 링크 주소 변경

0

55

2

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

0

52

1

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

0

78

2

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

0

84

2

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

0

63

1

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

0

140

3

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

0

62

1

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

0

98

2

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

0

80

1

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

0

116

2

ApiExceptionController 질문드립니다.

0

62

1

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

0

64

1

MemberRepository 필드의 fianl 선언 유무

0

83

2

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

0

57

1