[Spring MVC] MVC 패턴

April 27, 2022 2 분 소요

MVC 패턴 사용 이유

너무 많은 역할

하나의 서블릿이나 JSP만으로 비즈니스 로직과 뷰 렌더링까지 모두 처리하게 되면 너무 많은 역할을 하게되고, 결과적으로 유지 보수가 어려워진다.

변경 라이프 사이클

UI를 일부 수정하는 일과 비즈니스 로직을 수정하는 일은 각각 다르게 발생할 가능성이 높으며 대부분 서로 영향을 주지 않는다. 이렇게 변경 라이프 사이클이 다른 부분을 하나의 코드로 관리하는 것은 유지보수하기 좋지 않다.

기능 특화

JSP같은 View 템플릿은 화면을 렌더링 하는데 최적화 되어 있기 때문에 이 업무만 담당하는 것이 가장 효율적이다.

Model View Controller

MVC 패턴은 하나의 서블릿이나, JSP로 처리하던 것을 Controller와 View라는 영역으로 서로의 역할을 나눈 것을 말한다.
웹 애플리케이션은 보통 MVC 패턴을 사용한다.

Controller

HTTP 요청을 받아서 파라미터를 검증하고, 비즈니스 로직을 실행한다. 그리고 뷰에 전달할 결과 데이터를 조회해서 Model에 담는다.

Model

View에 출력할 데이터를 담아둔다. View가 필요한 데이터를 모두 담아서 전달해주는 덕분에 View는 화면을 렌더링 하는데 집중할 수 있다.

View

Model에 담겨있는 데이터를 사용해서 화면을 그린다.(HTML 생성)

[참고]
Controller에 비즈니스 로직을 둘 수 있지만 너무 많은 역할을 담당하게 되므로, 비즈니스 로직은 일반적으로 Service라는 계층을 별도로 만들어서 처리한다.
따라서, Controller는 비즈니스 로직이 있는 Service를 호출하는 역할을 담당한다.

MVC 패턴2
MVC

MVC 패턴 - 적용

Servlet -> Controller / JSP -> View
Model은 HttpServletRequest 객체를 사용한다. request는 내부에 데이터 저장소를 가지고 있는데, request.setAttribute(), request.getAttribute()를 사용하면 데이터를 보관하고 조회할 수 있다.

회원 저장 - Controller

MvcMemberSaveServlet

@WebServlet(name = "mvcMemberSaveServlet", urlPatterns = "/servlet-mvc/members/save")
public class MvcMemberSaveServlet extends HttpServlet {
    
    private MemberRepository memberRepository = MemberRepository.getInstance();

    @Override
    protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        String username = request.getParameter("username");
        int age = Integer.parseInt(request.getParameter("age"));

        Member member = new Member(username, age);
        memberRepository.save(member);

        //Model에 데이터를 보관한다.
        request.setAttribute("member", member);
        String viewPath = "/WEB-INF/views/save-result.jsp";
        RequestDispatcher dispatcher = request.getRequestDispatcher(viewPath);
        dispatcher.forward(request, response);
    }
}

HttpServletRequest를 Model로 사용한다.
request가 제공하는 setAttribute()를 사용하면 request 객체에 데이터를 보관해서 View에 전달할 수 있다.
View는 request.getAttribute()를 사용해서 데이터를 꺼내면 된다.

회원 저장 - View

save-result.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="UTF-8">
</head>
<body>

<ul>
    <li>id=${member.id}</li>
    <li>username=${member.username}</li>
    <li>age=${member.age}</li>
</ul>
<a href="/index.html">메인</a>
</body>
</html>

<%= request.getAttribute("member")%>로 Model에 저장한 member 객체를 꺼낼 수 있지만, 복잡해진다.
JSP는 ${}문법을 제공하고, 이 문법을 사용하면 request의 attribute에 담긴 데이터를 편리하게 조회할 수 있다.

회원 목록 조회 - Controller

MvcMemberListServlet

List<Member> members = memberRepository.findAll();

request.setAttribute("members", members);

String viewPath = "/WEB-INF/views/members.jsp";
RequestDispatcher dispatcher = request.getRequestDispatcher(viewPath);
dispatcher.forward(request, response);

request 객체를 사용해서 List<Member> members를 Model에 보관.

회원 목록 조회 - View

members.jsp

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
...
...

<table>
    <thead>
        <th>id</th>
        <th>username</th>
        <th>age</th>
    </thead>

    <tbody>
    <c:forEach var="item" items="${members}">
        <tr>
            <td>${item.id}</td>
            <td>${item.username}</td>
            <td>${item.age}</td>
        </tr>
    </c:forEach>
    </tbody>
</table>

Model에 담아둔 members를 JSP가 제공하는 taglib기능을 사용하여 반복하면서 출력했다.
members List에서 member를 순서대로 꺼내서 item 변수에 담고, 출력을 반복.
<c:forEach>이 기능을 사용하려면 다음과 같이 선언해야 한다.
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

MVC 패턴 - 한계

MVC Controller의 단점

forward() 중복
View로 이동하는 코드가 항상 중복 호출되어야 한다.

RequestDispatcher dispatcher = request.getRequestDispatcher(viewPath);
dispatcher.forward(request, response);

ViewPath 중복

String viewPath = "/WEB-INF/views/new-form.jsp";

prefix: /WEB-INF/views/
suffix: .jsp

사용하지 않는 코드
다음 코드를 사용할 때도 있고, 사용하지 않을 때도 있다.(위 코드들에서 response는 사용되지 않았다.)

HttpServletRequest request, HttpServletResponse response

공통 처리가 어렵다.
기능이 복잡해질수록 Controller에서 공통으로 처리해야 하는 부분이 더 증가할 것이다.
이를 공통 메서드로 뽑아도 결과적으로 해당 메서드를 항상 호출해야 하며, 실수로 호출하지 않으면 문제가 발생할 것이다. 또한, 호출하는 것 자체도 중복이다.

공통 처리 해결

이 문제를 해결하기 위해서는 Controller 호출 전에 먼저 공통 기능을 처리해야 한다. 소위 수문장 역할을 하는 기능이 필요한데, 이를 프론트 컨트롤러(Front Controller) 패턴이라 한다.

<출처 : 인프런 - 스프링 MVC 1편 : 백엔드 웹 개발 핵심 기술(김영한)>

Twitter Facebook LinkedIn