3) MVC 패턴 이해와 실습

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

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