타임리프 레이아웃

Thymeleaf Layout 설정 (헤더푸터 한꺼번에 불러오기)

저는 헤더와 푸터를 하나의 html에 넣고 불러올페이지에선 하나의 html만 불러오도록 사용했습니다. headerFooter.html을 만듭니다. 아래 코드를 DOCTYPE 밑에 넣습니다. 3. 안에 아래의 코드를 넣습니다. 폰트나 CSS파일 링크태그는 헤드안의 이 블록안에 넣어주세요. configFragment라는것은 그냥 지칭하는 이름이니 자율적으로 수정해주시면 됩니다. th:fragment="" 이 따옴표안에 자율적으로 그 블록의 이름을 붙이시면 됩니다. 4. 안에는 이제 페이지의 헤드부분에 올 header영역의 태그를 넣습니다. 아래처럼 차곡차곡 탑바, 메인헤더, 푸터 그리고 스크립트 링크를 이렇게 넣어주시면 headerFoother.html을 불러올때 모두 적용됩니다. 페이지 맨 윗부분(로그인 ..