메인 레이아웃 사용법
develop 에서 개인 브랜치로 pull 을 받아오면 test.html 파일이 다음과 같이 바껴있을 겁니다.
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
layout:decorate="main_layout">
<head>
<title>Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="../static/css/main_layout.css" th:href="@{/css/main_layout.css}"/>
</head>
<body>
<!-- 대체하고 싶은 요소에 layout:fragment 속성을 부여한다. -->
<div layout:fragment="content">안녕하세요 선생님들</div>
</body>
HTML
복사
여기서 ‘안녕하세요 선생님들’ 이 차지하고 있는 박스의 영역은 다음과 같습니다.
노란부분이 content 영역에 해당되며, 이곳에 코드를 작성해주시면 됩니다. css 나 html 의 클래스 명명 규칙과 작성 규칙은 바로 올려둘테니 참고해주시면 감사하겠습니다. (디자인적인 부분은 제가 보면서 수정할테니 걱정 안하셔도 됩니다!)