inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

검증 직접 처리 - 개발

안녕하세요 강의잘듣고있는데 질문이있어요

413

성문

작성한 질문수 86

0

<div>
<label for="itemName" th:text="#{label.item.itemName}">상품명</label>
<input type="text" id="itemName" th:field="*{itemName}"
th:class="${errors?.containsKey('itemName')} ? ' field-error' : _" class="form-control" placeholder="이름을 입력하세요">
<div class="field-error" th:if="${errors?.containsKey('itemName')}" th:text="${errors['itemName']}">
상품명 오류
</div>
</div>

th:class="${errors?.containsKey('itemName')} ? ' field-error' : _" class="form-control"로 수정하였는데 서버를 실행해보면 상품명 인풋박스가 꺠져서 보이네요 어디서 잘못된걸까요?

spring MVC

답변 1

0

OMG

안녕하세요. 성문님, 공식 서포터즈 OMG입니다.

우선 코드 변경 의도를 추측해보자면, form-control이 th:class에도, class에도 적용되어 있어 중복되어 삭제하시고 class의 form-control을 공통으로 적용하시려 하신 것으로 생각합니다.

하지만, th:class가 적용된다면(타임리프 랜더링 시) class는 적용되지 않습니다.

th:class는 타임리프 랜더링 시에 적용되고 일반 class는 서버 사이드 랜더링이 되지 않을 때 적용된다고 보시면 됩니다. 

class에 form-control이 붙어있어야(th:class건, class건 간에) form-control에 적용된 css가 적용되어 아래의 가격과 수량처럼 모양이 잡힙니다.


감사합니다.

0

OMG

html 상에서 기타 이유로 오류가 발생한 것일수도 있으니 f12(개발자 도구)에서 콘솔(console)에서 에러메시지가 출력되는지 확인해보시면 좋을 것 같아요.

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

57

1

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

0

56

2

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

2

133

3

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

0

90

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

102

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