MVC 패턴을 활용해 뷰 템플릿 페이지 만들기

• src > main > resources 안에 있는 templates디렉터리 안에 새로운 파일  greetings.mustache를 생성
• 확장자 mustache는 뷰 템플릿은 만드는 도구 즉 뷰 템플릿 엔진을 의미 (Thymeleaf , JSP 등 있다)

•  greetings.mustache 안에 HTML 코드를 생성

greetings.mustache파일

• 컨트롤러 만들기
  1. 컨트롤러 패키지 생성
  2. 컨트롤러 패키지안에 FirstController 클래스 파일 생성
  3. 이 클래스가 컨트롤러라는 @Controller 어노테이션 작성
  4. niceToMeetYou() 메서드 선언 후 
  5. 페이지를 반환 해 달라는 URL 요청하기위해 메서드 앞에 @GetMapping 어노테이션추가
  6. @GetMapping 옆에 ("/hi")추가
  7. return 값에 mustache파일명 입력

컨트롤러

이런 화면 나옴

※만약 한글 깨짐 현상이 있으면 application.properties 안에 server.servlet.encoding.force=true를 입력

• 모델 추가하기
  1. 내가 부분에 너가 우리가 등등 쓰기위해 머스테츠 문법을 사용해 뷰 템플릿 페이지에 변수를 삽입 {{변수명}}이런식으로 작성
  2. 컨트롤러로 가서 Model 타입의 model 매개변수를 추가
  3. Model 이 임포트 됬으면 model.addArrtibute("변수명", 변숫값) 을 통해 변수를 등록

greetings.mustache파일

 

컨트롤러

이런 화면 나옴