[Spring][혼공] 4. 스프링 웹 개발 기초 - MVC와 템플릿 엔진 (2)

스프링 웹 개발 기초

2. MVC와 템플릿 엔진

MVC란 Model, View, Controller를 말한다.

과거에는 Controller와 View가 따로 분리되어 있지 않았고 View에서 모든 것을 다 처리했다.

이러한 방식을 모델 1 구조라고 하고 JSP에서 사용되었다.

프로그래밍을 할 때 관심사나 역할을 분리하는 것이 좋다.

View는 화면을 그리는데 집중해야 하고

Controller는 비즈니스 로직이나 서버나 내부적인 것을 처리하는데 집중해야 하고

Model은 화면에서 필요한 것들을 저장하고 화면에 전달하는데 집중해야 한다.

1) 적용

Controller

기존에 구현한 HelloController 안에 새로운 메서드를 추가할 것이다.
이전에 구현한 메서드는 코드를 통해 데이터를 직접 받아왔다.
새로운 메서드는 웹 URL에서 파라미터를 받아와 데이터에 저장할 것이다. (@RequestParam)

package hello.hello.spring.controller;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestParam;

@Controller // 컨트롤러임을 알려주는 어노테이션
public class HelloController {

    @GetMapping("hello") // 웹 어플리케이션에서 '/hello'로 들어오면 이 메서드를 호출한다.
    public String hello(Model model) {
        model.addAttribute("data", "hello!!");
        return "hello"; // model의 값을 hello 화면을 실행시키도록 한다.
    }

    @GetMapping("hello-mvc")
    // 웹 URL을 통해 파라미터를 전달 받는다.
    public String helloMvc(@RequestParam("name") String name, Model model) {
        model.addAttribute("name", name);
        return "hello-template";
    }
}

View

{name}는 Controller에서 입력한 key 값으로 실행 화면엔 파라미터(value) 값이 보이게 된다.

<html xmlns:th="http://www.thymeleaf.org">
<body>
<p th:text="'hello ' + ${name}">hello! empty</p>
</body>
</html>

2) thymeleaf 기능 소개

아래 코드에서 하이라이트 코드는 왜 필요한 것일까?

사실 없어도 동작한다!

서버 없이 html 파일을 열어 화면에 띄울 수 있도록 해주는 것이다.

화면엔 하이라이트 코드가 보이게 된다.

3) 실행 화면

이전에 했던 방식과 그대로 접속하면 아래와 같이 에러 페이지가 나타날 것이다.

왜 그럴까?

파라미터 정보를 확인해보자. (Win Ctrl+P)

required의 default 값이 true인데, 무조건 값을 넣어야 한다는 뜻이다.

파라미터를 넣어주니 정상 화면이 보이게 된다. (http Get 방식)

http://localhost:8080/hello-mvc?name=spring

4) 동작 방식

웹 브라우저에서 어떤 페이지를 던지면 내장 톰캣 서버가 받아서 스프링한테 전달한다.
전달받은 스프링은 매칭 가능한 컨트롤러를 찾아 해당 메서드를 실행시킨다. (@GetMapping)

매칭된 메서드는 리턴을 할 때 hello-template을 넘기고 Model에는 (name:spring)을 담아 보낸다.

그리고 viewResolver가 화면을 찾고 템플릿 엔진을 연결한다.

그 후 템플릿 엔진이 렌더링을 통해 변환된 html을 웹 브라우저에 반환한다.

저작자표시 (새창열림)

스프링 웹 개발 기초

2. MVC와 템플릿 엔진

1) 적용

2) thymeleaf 기능 소개

3) 실행 화면

4) 동작 방식

티스토리툴바