웹 페이지를 작성할 때 Thymeleaf를 활용하면 layout을 만들 수 있다. 이러면 코드의 중복을 방지할 수 있고, 수정 사항이 생겼을 때 수정이 간편하다.
layout.html
<!DOCTYPE html>
<html xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">
<head>
</head>
<body>
<section layout:fragment="contents"></section>
<section layout:fragment="scripts"></section>
</body>
</html>
home.html
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout" layout:decorate="~{layout}">
<head>
<title layout:fragment="title">Home</title>
</head>
<body>
<section layout:fragment="contents">
<!-- 코드 작성-->
</section>
<section layout:fragment="scripts">
<!-- 코드 작성-->
</section>
</body>
</html>728x90
반응형
'Computer Science > Web Programming' 카테고리의 다른 글
| [Flourish] Interactive Network Visualization (웹 네트워크 그래프 툴) (0) | 2021.06.29 |
|---|---|
| [CSS] 티스토리 블로그 스킨의 제목 스타일 수정 (0) | 2021.03.24 |
| [CSS] 티스토리 기본 스킨 오디세이 적용 후 카카오 애드핏 오류 수정 (Odyssey, kakaoAdfit) (0) | 2021.02.10 |
| [CSS] 티스토리 기본 스킨 Odyssey의 코드블럭 (Code block) 수정 (0) | 2021.02.09 |
| [JPA] javax.persistence.TransactionRequiredException: Executing an update/delete query (0) | 2021.02.09 |