본문 바로가기
Spring/MVC 1편

서블릿, JSP, MVC 패턴

by JHyun0302 2023. 8. 4.
728x90

서블릿으로 회원 관리 웹 애플리케이션 만들기

 

 

MemberFormServlet - 회원 등록 폼

@WebServlet(name = "memberFormServlet", urlPatterns = "/servlet/members/new-form")
public class MemberFormServlet extends HttpServlet {

    @Override
    protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    
    response.setContentType("text/html");
    response.setCharacterEncoding("utf-8");

    PrintWriter w = response.getWriter();
    w.write("<!DOCTYPE html>\n" +
            "<html>\n" +
            "<head>\n" +
            "    <meta charset=\"UTF-8\">\n" +
            "    <title>Title</title>\n" +
            "</head>\n" +
            "<body>\n" +
            "<form action=\"/servlet/members/save\" method=\"post\">\n" +
            "    username: <input type=\"text\" name=\"username\" />\n" +
            "    age:      <input type=\"text\" name=\"age\" />\n" +
            " <button type=\"submit\">전송</button>\n" + 
            "</form>\n" +
            "</body>\n" +
            "</html>\n");
    }
}

 

 

※ 템플릿 엔진으로

  • 서블릿만 이용하면 복잡하고 비효율적이다.
  • 템플릿 엔진을 사용하면 HTML 문서에서 필요한 곳만 코드를 적용해서 동적으로 변경할 수 있다. 
  • 템플릿 엔진에는 JSP, Thymeleaf, Freemarker, Velocity등이 있다.

 

 

 


JSP로 회원 관리 웹 애플리케이션 만들기

 

 

 

JSP 라이브러리 추가(build.gradle)

//JSP 추가 시작
implementation 'org.apache.tomcat.embed:tomcat-embed-jasper'
implementation 'javax.servlet:jstl'
//JSP 추가 끝

 

 

 

 

회원등록 폼 JSP

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

<form action="/jsp/members/save.jsp" method="post"> 
    username: <input type="text" name="username" /> 
    age: <input type="text" name="age" /> 
    <button type="submit">전송</button>
</form>
</body>
</html>

 

 

 

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

  • 첫 줄은 JSP문서라는 뜻이다. JSP 문서는 이렇게 시작해야 한다.

 

<%= ~~ %>

  • 자바 코드를 출력할 수 있다.

 

 

※ 서블릿과 JSP의 한계

  • JAVA 코드, 데이터를 조회하는 리포지토리 등등 다양한 코드가 모두 JSP에 노출되어 있다. JSP가 너무 많은 역할을 한다.
  • 수백 수천줄이 넘어가는 JSP를 떠올려보면 정말 지옥과 같을 것이다. 

 

 


MVC 패턴 - 개요

 

 

Model View Controller

 

MVC 패턴은 지금까지 학습한 것 처럼 하나의 서블릿이나, JSP로 처리하던 것을 컨트롤러(Controller)와 뷰(View)라는 영역으로 서로 역할을 나눈 것.

 

  • 컨트롤러: HTTP 요청을 받아서 파라미터를 검증, 비즈니스 로직을 실행한다. 뷰에 전달할 결과 데이터를 조회해서 모델에 담는다.
  • 모델: 뷰에 출력할 데이터를 담아둔다. 뷰는 비즈니스 로직이나 데이터 접근을 몰라도 되고, 화면을 렌더링 하는 일에 집중할 수 있다
  • 뷰: 모델에 담겨있는 데이터를 사용해서 화면을 그리는 일에 집중한다. 여기서는 HTML을 생성하는 부분을 말한다.

 

 

 

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);
    dispatcher.forward(request, response);
    } 
}

 


dispatcher.forward() : 다른 서블릿이나 JSP로 이동할 수 있는 기능이다. 서버 내부에서 다시 호출이 발생한다.

  

 

◎ 참고: /WEB-INF

  • 이 경로안에 JSP가 있으면 외부에서 직접 JSP를 호출할 수 없다.

 

◎ 참고: redirect vs forward

  • redirect는 실제 클라이언트(웹 브라우저)에 응답이 나갔다가, 클라이언트가 redirect 경로로 다시 요청한다.
  • 클라이언트가 인지 가능 & URL 경로도 실제로 변경된다.
  • 반면에 forward서버 내부에서 일어나는 호출이기 때문에 클라이언트가 전혀 인지하지 못한다.

      

 


MVC 패턴 - 한계

 

MVC 컨트롤러의 단점

 


1. 포워드 중복: View로 이동하는 코드가 항상 중복 호출되어야 한다. 메서드로 공통화하더라도 해당 메서드를 항상 직접 호출해야 한다.

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

 



2. ViewPath에 중복 

  • prefix: /WEB-INF/views/
  • suffix: .jsp  
        그리고 만약 jsp가 아닌 thymeleaf 같은 다른 뷰로 변경한다면 전체 코드를 다 변경해야 한다.

 

 

 

 

3. 사용하지 않는 코드

  • response는 현재 코드에서 사용되지 않는다.
  • 또한 HttpServletRequest , HttpServletResponse 를 사용하는 코드는 테스트 케이스를 작성도 어렵다.

 HttpServletRequest request, HttpServletResponse response

 

 

 

4. 공통 처리가 어렵다.

  • 기능이 복잡해질 수 록 컨트롤러에서 공통으로 처리해야 하는 부분이 점점 더 많이 증가할 것이다.
  • 공통 기능을 메서드로 뽑으면 될 것 같지만, 결과적으로 해당 메서드를 항상 호출해야 하고, 실수로 호출하지 않으면 문제가 될 것이다.
  • 메서드를 호출하는 것 자체도 중복이다.

 

 

 


 

★ 정리: 공통 처리가 어렵다

  • 해결방안은 컨트롤러 호출 전에 먼저 공통 기능을 처리하는 방법이다.
  • 프론트 컨트롤러(Front Controller) 패턴을 도입하면 이런 문제를 깔끔하게 해결할 수 있다.
  • 스프링 MVC의 핵심 = 프론트 컨트롤러

 

 

반응형

'Spring > MVC 1편' 카테고리의 다른 글

스프링 MVC - 웹 페이지 만들기  (0) 2023.08.05
스프링 MVC - 기본 기능  (0) 2023.08.05
MVC 프레임워크 구조 이해  (0) 2023.08.05
서블릿  (0) 2023.08.04