지금을 사는 사람

[스프링 부트 3] MVC 패턴 이해와 실습 본문

스터디/코딩자율학습단

[스프링 부트 3] MVC 패턴 이해와 실습

지금회 2024. 1. 13. 17:11
728x90

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입니다.

③ 레이아웃 템플릿을 삽입할 때는 원하는 위치에서 {{>파일경로/파일명}} 형식으로 작성합니다.

728x90