👉 Mission. 뷰 템플릿 페이지에 헤더-푸터 레이아웃을 적용하시오
- 레이아웃 : 화면에 요소를 배치하는 것
헤더(header)영역 : 사이트 안내를 위한 Navigation- content 영역 : 핵심 내용들
푸터(footer)영역 : 사이트 정보 등을 포함
헤더-푸터 레이아웃 적용
- 레이아웃으로 사용할 파일을 만들어야 함
📌 header/footer 레이아웃을 적용한 View 페이지 코드
{{>layouts/header}} //header.mustache 파일 내 코드 적용
<h1>{{nickname}}님, 안녕히 가세요!</h1>
{{>layouts/footer}} //footer.mustache 파일 내 코드 적용- view 파일에서 자주 사용할 코드를 파일로 만들어 명령어로 사용할 수 있음
{{}}안에 view template 파일을 불러올 때는>를 넣어주어야 함
+) Tips
-> html 코드만 바뀔 때는 rebuild(망치)만 해줘도 되지만
-> java코드가 바뀔 때는 server를 재시작해야
📚정리
View 페이지 코드를 작성할 때, 레이아웃을 적절히 나눠 코드가 깔끔하게 보일 수 있게 하는 게 좋다.
{{}} 로 파일도 불러 올 수 있으며, view template 파일을 불러올 때는 > 기호 뒤에 경로를 붙이면 된다!
코드 깔끔~
(사실 이전 코드라 그런데 header, footer 부트스트랩 코드 넣으면 왼쪽이 더 복잡해진다)
강의 출처 : https://www.youtube.com/watch?v=_vDACE13Ubc&list=PLyebPLlVYXCiYdYaWRKgCqvnCFrLEANXt&index=1 [스프링 부트 입문 - 홍팍]
p(´∇｀)q