검증1 강의 내용 질문
188
작성자 없음
작성한 질문수 0
<div>
<label for="itemName" th:text="#{label.item.itemName}">상품명</label>
<input type="text" id="itemName" th:field="*{itemName}"
th:errorclass="field-error" class="form-control" placeholder="이름
을 입력하세요">
<div class="field-error" th:errors="*{itemName}">
상품명 오류
</div>
</div>FieldError()의 생성자에는 message가 항상 들어가있는데, 여기서 저 "상품명 오류"라는 문자는 출력될 일이 있는 건가요? 아니면 단순히 div 태그를 구분하기 위해 적혀있는 건가요?
답변 1
2
안녕하세요. danaldanalcom7님, 공식 서포터즈 OMG입니다.
타임리프는 다음과 같은 내추럴 템플릿의 특성을 지닙니다.
따라서 스프링 서버를 실행하지 않고, addForm.html을 파일 자체로 열어보시면 확인하실 수 있습니다 😀
타임리프는 순수 HTML을 최대한 유지하는 특징이 있다.
타임리프로 작성한 파일은 HTML을 유지하기 때문에웹 브라우저에서 파일을 직접 열어도 내용을 확인할 수 있고, 서버를 통해 뷰 템플릿을 거치면 동적으로 변경된 결과를 확인할 수 있다.
JSP를 포함한 다른 뷰 템플릿들은 해당 파일을 열면, 예를 들어서 JSP 파일 자체를 그대로 웹 브라우저에서 열어보면 JSP 소스코드와 HTML이 뒤죽박죽 섞여서 웹 브라우저에서 정상적인 HTML 결과를 확인할 수 없다. 오직 서버를 통해서 JSP가 렌더링 되고 HTML 응답 결과를 받아야 화면을 확인할 수 있다.반면에 타임리프로 작성된 파일은 해당 파일을 그대로 웹 브라우저에서 열어도 정상적인 HTML 결과를 확인할 수 있다. 물론 이 경우 동적으로 결과가 렌더링 되지는 않는다. 하지만 HTML 마크업 결과가 어떻게 되는지 파일만 열어도 바로 확인할 수 있다.이렇게 순수 HTML을 그대로 유지하면서 뷰 템플릿도 사용할 수 있는 타임리프의 특징을 네츄럴 템플릿(natural templates)이라 한다.
설명 참고) https://sjparkk-dev1og.tistory.com/30
감사합니다.
0
답변 감사드립니다! 그러면 저 "상품명 오류"라는 텍스트는 html 파일 자체를 확인할 때, 오류의 위치를 쉽게 찾을 수 있는 역할을 해주는건가요...? 저 문자가 갖는 의미가 궁금해서 질문드린건데, 정확하게 이해를 못해서 다시 여쭤봅니다!
2
쉽게 찾는다기 보다는
스프링이 실행되지 않는 상황에서도 HTML의 뼈대와 형태를 구성하는 기본 형태를 갖추기 위한 구성으로 보시면 될 것 같습니다 😀
.
스프링 입문편 강의 수강을 하셨을까요? 입문편에서의 예시로 부연 설명을 드리면,
아래의 HTML 코드는
스프링으로부터 name 값을 모델에 담아서 'hello 홍길동' 으로 요청 파라미터로 받은 홍길동의 이름을 세팅하도록 HTML을 구현할 수 있지만,
hello! empty 라는 HTML의 원본 형태를 갖추기 위한 기본 구성을 제공하는 것으로 보시면 됩니다.
이렇게 함으로써 스프링이 실행되지 않는 HTML 파일 그자체만으로도 HTML의 코드와 화면을 유지할 수 있습니다.
이미지 업로드와 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