학습중인 강의는 JSP를 사용하기 때문에 본인의 환경인 thymeleaf로 변경이 필요했습니다.

view의 중복코드를 제거하기 위해 thymeleaf 템플릿 엔진을 사용하기 위한 환경을 구축하겠습니다.

Thymeleaf 템플릿 엔진를 사용하여 layout 중복 코드를 설정하고 관리하는 방법을 작성하겠습니다.

build.gradle에 thymeleaf 와 템플릿엔진을 추가해줍니다.

implementation 'org.springframework.boot:spring-boot-starter-thymeleaf'
implementation 'nz.net.ultraq.thymeleaf:thymeleaf-layout-dialect:3.2.0'

템플릿 엔진에 등록하기

<th:block th:fragment="프라그먼트 아이디"></th:block>

ex)
<th:block th:fragment="configFragment">

템플릿 엔진 사용하기

<div th:replace="/파일경로/파일명 :: 프라그먼트 아이디"></div>

ex)
<div th:replace="/fragments/config :: configFragment"></div>

예제

소스파일 구조

Untitled

fragments 디렉터리에 중복코드에 대한 파일을 저장하여 줍니다.