728x90
1. 레이아웃 -> 화면에 요소를 배치하는것
-> 같은 요소를 갖고 있어도 어떻게 배치하는가에 따라서 다른 느낌을 줄 수 있다.
header 요소영역
content 요소영역
footer 요소영역
2. 작업내용
- layouts 디렉터리 생성하여 header, footer 파일 생성
- header 영역
Bootstrap의 Starter template과 Navbar을 사용하여 header 영역 구성
- content 영역
Bootstrap의 css요소를 사용하여 배경과 글자색 설정
- footer 영역
기존 홍팍 선생님의 저작권 footer 코드 작성https://github.com/Giltaehyeong/firstproject/commit/fd0451980cff89e880ac759c45616b534ecb6627
[스프링 부트 입문 06]뷰 템플릿과 레이아웃 · Giltaehyeong/firstproject@fd04519
1. 레이아웃 -> 화면에 요소를 배치하는것 -> 같은 요소를 갖고 있어도 어떻게 배치하는가에 따라서 다른 느낌을 줄 수 있다. header 요소영역 content 요소영역 footer 요소영역 2. 작업내용 - layouts 디
github.com
소스코드참고.
https://www.youtube.com/channel/UCpW1MaTjw4X-2Y6MwAVptcQ
홍팍
클라우드 스터딩 채널 Cloud Studying Channel https://cloudstudying.kr
www.youtube.com
728x90
'Back-End > SpringBoot' 카테고리의 다른 글
| [스프링 부트 입문 09]DB 테이블과 SQL (0) | 2022.05.03 |
|---|---|
| [스프링 부트 입문 08]데이터 생성 with JPA (0) | 2022.05.03 |
| [스프링 부트 입문 07]폼 데이터 주고 받기 (0) | 2022.05.03 |
| [스프링 부트 입문 05]MVC의 역활과 실행 흐름 (0) | 2022.05.03 |
| [스프링 부트 입문 04]뷰 템플릿과 MVC 패턴 (0) | 2022.05.03 |
