일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
- Wildcard
- cluster index
- dotnet
- types
- 0 시작
- 혼공학습단
- 나도코딩
- 인터페이스
- 네트워크
- 스프링 부트 3
- 혼공자바
- 혼공컴운
- 인프런
- literal
- 오블완
- entrySet
- Functional Interfaces
- 접근제어자
- 혼공
- Spring Data JPA
- java
- 티스토리챌린지
- noncluster index
- Proxy Object
- Lazy loading
- HashMap
- 접근 제어자
- Interface
- 자율학습
- Access Modifier
- Today
- Total
지금을 사는 사람
[스프링 부트 3] MVC 패턴 이해와 실습 본문
1. 뷰 템플릿
웹 페이지를 하나의 틀로 만들고 여기에 변수를 삽입해 서로 다른 페이지로 보여 주는 기술입니다.
2. MVC 패턴
웹 페이지를 화면에 보여 주고(View)
, 클라이언트의 요청을 받아 처리하고(Controller)
, 데이터를 관리하는(Model)
역할을 영역별로 나누어 하는 기법을 말합니다.
3. 뷰 템플릿 생성 위치
뷰 템플릿은 src > main > resources > templates
디렉터리에 만듭니다. 머스테치 뷰 템플릿의 확장자는 .mustache입니다.
4. 컨트롤러 생성 위치
컨트롤러는 src > main > java > 기본 패키지 안에 컨트롤러 패키지
를 만든 후 자바 클래스 파일을 생성하는 방식으로 만듭니다. 확장자는 .java입니다.
5. 모델을 통해 변수 등록하는 방법
모델은 컨트롤러의 메서드에서 매개변수로 받아 옵니다. 모델에서 변수를 등록할 때는 addAttribute()
메서드를 사용합니다.
model.addAttribute("변수명", 변수값) // 변수값을 "변수명"이라는 이름으로 추가
6. 헤더-푸터 레이아웃
가장 기본이 되는 레이아웃으로 헤더 영역에는 사이트 안내를 위한 내비게이션을 넣고, 푸터 영역에는 사이트 정보 등을 넣습니다. 그리고 두 영역 사이에 콘텐트 영역에는 사용자가 볼 핵심 내용을 배치합니다.
7. 부트스트랩
웹 페이지를 쉽게 만들 수 있도록 각종 레이아웃, 버튼, 입력창 등 디자인을 미리 만들어 놓은 것입니다. 사용자는 코드를 가져와 사용하기만 하면 되므로 편리하게 웹 페이지를 만들 수 있습니다.
8. 레이아웃 템플릿 생성과 적용
① 레이아웃 템플릿 파일은 src > main > resources > templates 디렉터리에 만듭니다(본문에서는 파일 관리를 편리하게 하기 위해 layouts 디렉터리를 추가한 후 만들었습니다).
② 머스테치 템플릿 파일의 확장자는 .mustache입니다.
③ 레이아웃 템플릿을 삽입할 때는 원하는 위치에서 {{>파일경로/파일명}} 형식으로 작성합니다.
'스터디 > 코딩자율학습단' 카테고리의 다른 글
[스프링 부트 3] 게시판 만들고 새 글 작성하기: Create (1) | 2024.01.13 |
---|---|
[스프링 부트3] 스프링부트 개요 (0) | 2024.01.11 |