뷰 중복 코드 제거, Thymeleaf 와 fragement

Yuri Lee·2020년 11월 10일
0

Thymeleaf란?

Thymeleaf는 HTML, XML, JavaScript, CSS 및 일반 텍스트를 처리 할 수있는 웹 및 독립형 환경 모두를위한 최신 서버 측 Java 템플릿 엔진

Thymeleaf의 주요 목표는 우아하고 유지 관리가 쉬운 템플릿 생성 방법을 제공하는 것이다. 이를 달성하기 위해 Natural Templates의 개념을 기반으로 설계 프로토 타입으로 사용되는 템플릿에 영향을주지 않는 방식으로 템플릿 파일에 로직을 삽입한다. 이를 통해 디자인 커뮤니케이션이 향상되고 디자인 팀과 개발 팀 간의 격차가 해소된다.

또한 Thymeleaf는 웹 표준 (특히 HTML5)을 염두에두고 처음부터 설계되어 필요한 경우 완전한 유효성 검사 템플릿을 만들 수 있다.

프레그먼트란?

fragement는 태그 조각을 표현하고 템플릿에서 쉽게 이동할 수있는 방법이다. 이를 통해이를 복제하고 다른 템플릿에 인수로 전달할 수 있다.

프레그먼트 정의

  • th:fragement

프레그 먼트 사용

  • th:insert
  • th:replace

뷰 중복 코드

  • 메인 네비게이션
  • footer
  • header

난항

인코딩 오류, 한글 인코딩 ,,

preference->general->workspace UTF-8 Setting

추가해서 된 건지는 모르겠는데 이 부분이 안바뀌어서 계속 한글 깨짐이 있었던건가?

너무 어이없다. 이걸로 거의 3시간을 잡아 먹었다 ....

반응속도가 느린건가? 개발 툴이 이상했던건가

부분적으로만 한글 인코딩이 오류가 나서 너무 이상했다 😫😫😫😫


출처 : 인프런 백기선님의 스프링과 JPA 기반 웹 애플리케이션 개발
https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html#including-template-fragments
https://codediver.tistory.com/133

profile
Step by step goes a long way ✨

0개의 댓글