header , footer 레이아웃 적용
greeitings.mustache 페이지 꾸미기
부트스트랩 v5.0.2 사용 ( https://getbootstrap.com )
starter template 코드 사용하여 greeting.mustache 코드 변경 (기존 내용 삭제)
기존 코드중 {{username}}님 반갑습니다! 를 바디 안에 넣고 실행
해더영역 navbar 적용 / 푸터영역 작성
content 영역도 <div class="bg-dark text-white p-5"> 로 적용
헤더와 푸터 템플릿화 하기
templates 폴더 아래 layout 폴더를 만들고
layouts폴더를 만들고
header.mustache / footer.mustache 파일을 만든다
greeting.mustache코드에서 콘텐츠 영역 이전은 header.mustache / 이후 영역은 footer.mustache에 코드를 붙여넣는다
이걸 적용하기 위해선
{{>layouts/header}} , {{>layout/footer}} 로 사용한다
'Java' 카테고리의 다른 글
| SpringBoot 공부 - DTO (0) | 2023.04.25 |
|---|---|
| SpringBoot 공부 - CRUD (form 설정) (0) | 2023.04.24 |
| SpringBoot 공부 - 뷰 , 컨트롤러 , 모델 추가 (0) | 2023.04.23 |
| Window11 모든프로그램 항상 관리자권한으로 실행 (0) | 2023.04.23 |
| SpringBoot 공부 - Hello World 출력 (0) | 2023.04.23 |