반응형
타임리프 - 템플릿 레이아웃(2)
앞에서 사용한 레이아웃을 <head>말고도 <html> 전체에도 적용할 수 있다.
<html th:fragment="layout (title, content)" xmlns:th="http://www.thymeleaf.org">먼저 레이아웃에 html 라인에 내용을 추가해 준다.
th:fragment 속성이 정의되어 있어 이 레이아웃 파일을 기본으로 하고 여기에 필요한 내용을 전달받아 필요한 부분을 변경하여 사용한다.
<title th:replace="${title}">레이아웃 타이틀</title>
<div th:replace="${content}">
레이아웃 타이틀과 내용을 대체시켜 받기 위해 replace를 써준다.
<html th:replace="~{template/layoutExtend/layoutFile :: layout(~{::title},~{::section})}"
xmlns:th="http://www.thymeleaf.org">
<head>
<title>메인 페이지 타이틀</title>
</head>
<body>
<section>
<p>메인 페이지 컨텐츠</p>
<div>메인 페이지 포함 내용</div>
</section>title과 section을 layout에 담아 layoutFile.htm로 전달해 주면 위에 짠 레이아웃 코드에 적용되어 대체된 상태로 출력되게 된다.
스프링 MVC 2편 - 백엔드 웹 개발 활용 기술을 참고하여 공부하였습니다.
반응형
'Framework & Library > Spring Boot' 카테고리의 다른 글
| [Spring Boot] : 타임리프 입력 폼 처리하기 th:object와 th:field 사용 (0) | 2022.02.08 |
|---|---|
| [Spring Boot] : 타임리프 스프링 통합 메뉴얼 및 스프링에서 사용하기 (0) | 2022.02.08 |
| [Spring Boot] : 타임리프 템플릿 레이아웃(1) (0) | 2022.02.07 |
| [Spring Boot] : 타임리프 템플릿 조각 사용 (0) | 2022.02.07 |
| [Spring Boot] : 타임리프 JavaScript inline 사용 (0) | 2022.02.07 |
댓글