MVC와 템플릿 엔진

<aside> <img src="/icons/sign-in_green.svg" alt="/icons/sign-in_green.svg" width="40px" />

설명

• MVC란, Model, View, Controller의 약자
• View와 Controller를 나눠서 각자의 일에만 집중하는 구조
  • View : 화면을 관련에 관련된 작업
  • Controller : 비지니스 로직, 서버 뒷 단에 관련된 작업
  • Model : Controller에게 화면에 필요한 것을 담아 받고, View에게 넘겨줌 </aside>

<aside> <img src="/icons/layers_orange.svg" alt="/icons/layers_orange.svg" width="40px" />

예시

• 웹 출력

1. hello-mvc?name=spring!
   • hello-mvc부분에서 name=spring!으로 name의 값을 spring!으로 받아옴

• main - controller 부분(Controller)

  

  1. 받아온 값을 @RequestParm(”name”) 받게 됌
  2. 이후 addAtrribute( ~~, name) 으로 값이 입력됌
     • String name과 addAtrribute(, name) 명칭은 동일해야지 값을 입력 받음
  3. return hello-template로 값이 넘어감

• resources - templates 부분(View)

  

  1. 해당 값을 다시 위 localhost:8080 웹 페이지에서 받아서 출력
  2. 넘어온 값이 ${name} 으로 받게 되어 hell + spring! 값이 됌

</aside>

<aside> <img src="/icons/piano_brown.svg" alt="/icons/piano_brown.svg" width="40px" />

MVC, 템플릿 구조 이미지

1. localhost:8080/hello-mvc를 넘기면 내장 톰켓 서버를 거침
2. helloController에 매핑이 되어있는 걸 확인 후
   • return : hello-template
   • model(name:spring!)
3. view에 있는 “hello-template”.html에 return
4. Thymeleaf 템플릿 엔진 처리 후 HTML로 변환하여 출력 </aside>