-
MVC 패턴스프링/스프링 MVC 패턴 2023. 2. 10. 18:03
Model View Controller
MVC 패턴은 서로 영역을 분리해서 따로 고유의 역할을 부여하는 것이다.
만약에 단순히 UI만 수정해야할 일이 있더라도 서블릿과 JSP는 모든 것이 들어있는 코드를 변경해야한다.
MVC 패턴은 View와 Controller가 분리되어 있기 때문에 해당 코드만 고치면 되고 나머지는 손을 안대도 된다.
한 마디로 서로 영향을 주지 않는다는 것이다.
컨트롤러 : HTTP 요청을 받아서 파라미터를 검증하고, 비즈니스 로직을 실행. 뷰에 전달할 결과 데이터를 조회해서 모델에 담는다.
모델 : 뷰에 출력할 데이터를 담아둔다. 뷰가 필요한 데이터를 모두 모델에 담아서 전달해주는 덕분에 뷰는 비즈니스 로직이나 데이터 접근을 몰라도 화면에 렌더링 할 수 있다.
뷰 : 모델에 담겨있는 데이터를 사용해서 화면을 그리는 일에 집중한다. HTML 생성을 주로 한다.
컨트롤러에 비즈니스 로직을 두면 너무 많은 일을 담당하기 때문에 비즈니스 로직은 서비스라는 계층을 별도로 만들어서 처리하고 컨트롤러는 비즈니스 로직에 있는 서비스를 호출하는 역할을 담당한다.
서블릿과 JSP만을 사용해서 회원가입을 했던 것처럼 서블릿과 JSP를 같이 사용한 MVC 패턴으로 회원가입을 진행해 볼 것이다.
회원 가입
@WebServlet(name = "mvcMemberFormServlet", urlPatterns = "/servlet-mvc/members/new-form") public class MvcMemberFormServlet extends HttpServlet { @Override protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { String viewPath = "/WEB-INF/views/new-form.jsp"; RequestDispatcher dispatcher = request.getRequestDispatcher(viewPath); // view에서 model로 get 하게 해주는거 dispatcher.forward(request, response); // 서블릿과 jsp의 연결 } }<%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <!-- 상대경로 사용, [현재 URL이 속한 계층 경로 + /save] --> <form action="save" method="post"> username: <input type="text" name="username" /> age: <input type="text" name="age" /> <button type="submit">전송</button> </form> </body> </html>WEB-INF는 외부에서 호출이 되지 않으며 무조건 Controller를 고쳐서 내부에서 호출되어야만 한다.
따라서 JSP를 이용해서 HTML을 만들 때 webapp/WEB-INF/views/new-form.jsp 경로에 파일을 생성했다.
상대경로라는 주석이 있는데, 저 뜻은 form action="save"로 인하여 저장이 될 때 WEB-INF/view/save에 값들이 저장된다는 뜻이다.
회원 저장
@WebServlet(name = "mvcMemberSaveServlet", urlPatterns = "/servlet/members/new-form") public class MbcMemberSaveServlet 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); System.out.println("member = " + member); 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); } }<%@ 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>회원가입에서는 잘 느껴지지 않았지만 회원 저장을 했던 위의 코드들을 보면 컨트롤러와 뷰가 완전이 독립되어 있는 것을 확인할 수 있다.
회원 목록
@WebServlet(name = "mvcMemberListServlet", urlPatterns = "/servlet-mvc/members") public class MvcMemberListServlet extends HttpServlet { private MemberRepository memberRepository = MemberRepository.getInstance(); @Override protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { System.out.println("MvcMemberListServlet.service"); List<Member> members = memberRepository.findAll(); request.setAttribute("members", members); // 모델에 담을 때는 setAttribute를 사용 String viewPath = "/WEB-INF/views/members.jsp"; RequestDispatcher dispatcher = request.getRequestDispatcher(viewPath); dispatcher.forward(request, response); } }<%@ page contentType="text/html;charset=UTF-8" language="java" %> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> <html> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <a href="/index.html">메인</a> <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> </body> </html>회원목록 코드에서도 볼 수 있지만 jsp와 서블릿 즉, view와 컨트롤러가 완전히 분리된 것을 확인할 수 있다.
이것을 통해 비즈니스로직은 비즈니스 로직만 하고 view는 그 역할만 독립적으로 할 수 있다.
'스프링 > 스프링 MVC 패턴' 카테고리의 다른 글
핸들러 어댑터 (0) 2023.02.12 프론트 컨트롤러 패턴 (0) 2023.02.10 JSP를 이용한 회원가입 (0) 2023.02.10 서블릿을 이용한 회원가입 만들기 (0) 2023.02.10 서블릿 HTTP 응답 데이터 (0) 2023.02.10