스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술 13

Spring 정리 2021. 10. 29. 18:04

인프런 강의 31일차.

 - 스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술 1 (김영한 강사님)

 - 서블릿, JSP, MVC 패턴

 - 서블릿으로 1차 구현

   -> 서블릿으로 구현했을 때 불편한 점 개선을 위해 JSP로 2차 구현

   -> JSP로도 불편한 점을 개선하기 위해 MVC 패턴으로 3차 구현

 

---- 스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술 12 Model 추가 - v3에 이어서 작성.

2. MVC 프레임워크 만들기

 2.6 단순하고 실용적인 컨트롤러 - v4

  - 앞서 만든 v3 컨트롤러는 서블릿 종속성을 제거하고 뷰 경로의 중복을 제거하는 등, 잘 설계된 컨트롤러이다.

  - 아키텍처 관점에서는 정말로 잘 설계된 컨트롤러이나 실제 개발자 입장에서는 항상 ModelView 객체를 생성하고 반환해야 하는 부분이 있어서 사용이 불편하다는 단점이 있다.

  - 실용성이 조금 떨어지는 것을 개선한 v4 컨트롤러를 만들어보자.

기본적인 구조는 v3와 같으나 컨트롤러가 ModelView를 반환하지 않고, viewName을 반환하는 구조 (v4)

package hello.servlet.web.frontcontroller.v4;

import java.util.Map;

public interface ControllerV4 {

    /**
     * @param paramMap
     * @param model
     * @return viewName
     */
    String process(Map<String, String> paramMap, Map<String, Object> model);
}

  - web.frontcontroller.v4.ControllerV4.java

  - paramMap만 리턴하던 것에서 model도 같이 리턴하도록 수정

  - 인터페이스에 modelView가 없다. model객체는 파라미터로 전달되기 때문에 그냥 사용하면 되고, 결과로 뷰의 이름만 반환해주면 된다.

 

package hello.servlet.web.frontcontroller.v4.controller;

import hello.servlet.web.frontcontroller.ModelView;
import hello.servlet.web.frontcontroller.v4.ControllerV4;

import java.util.Map;

public class MemberFormControllerV4 implements ControllerV4 {


    @Override
    public String process(Map<String, String> paramMap, Map<String, Object> model) {
        return "new-form";
    }
}

  - web.frontcontroller.v4.controller.MemberFormControllerV4.java

  - 단순하게 new-form이라는 뷰의 논리 이름만 반환하는 컨트롤러

 

package hello.servlet.web.frontcontroller.v4.controller;

import hello.servlet.domain.member.Member;
import hello.servlet.domain.member.MemberRepository;
import hello.servlet.web.frontcontroller.v4.ControllerV4;

import java.util.Map;

public class MemberSaveControllerV4 implements ControllerV4 {

    private MemberRepository memberRepository = MemberRepository.getInstance();

    @Override
    public String process(Map<String, String> paramMap, Map<String, Object> model) {
        String username = paramMap.get("username");
        int age = Integer.parseInt(paramMap.get("age"));

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

        model.put("member", member);
        return "save-result";

        /*
        V3과 달라진 점은 이미 컨트롤러에서 model을 바로 세팅하기 때문에 아래 로직이 필요가 없다(이미 세팅되어 있음)
        ModelView mv = new ModelView("save-result");
        mv.getModel().put("member", member);    //멤버 모델에 저장
        return mv;
         */
    }
}

  - web.frontcontroller.v4.controller.MemberSaveControllerV4.java

  - 모델이 파라미터로 전달되기 때문에 모델을 직접 생성하지 않아도 된다. (model.put()으로 전달됨)

 

package hello.servlet.web.frontcontroller.v4.controller;

import hello.servlet.domain.member.Member;
import hello.servlet.domain.member.MemberRepository;
import hello.servlet.web.frontcontroller.v4.ControllerV4;

import java.util.List;
import java.util.Map;

public class MemberListControllerV4 implements ControllerV4 {

    private MemberRepository memberRepository = MemberRepository.getInstance();

    @Override
    public String process(Map<String, String> paramMap, Map<String, Object> model) {
        List<Member> members = memberRepository.findAll();

        /*
        form과 마찬가지로 model에 이미 처리되어 있으므로 필요가 없는 로직
        ModelView mv = new ModelView("members");
        mv.getModel().put("members", members);      //members 리스트로 저장
        return mv;
         */
        model.put("members", members);
        return "members";
    }
}

  - web.frontcontroller.v4.controller.MemberListControllerV4.java

 

package hello.servlet.web.frontcontroller.v4;

import hello.servlet.web.frontcontroller.MyView;
import hello.servlet.web.frontcontroller.ModelView;
import hello.servlet.web.frontcontroller.v4.controller.MemberFormControllerV4;
import hello.servlet.web.frontcontroller.v4.controller.MemberListControllerV4;
import hello.servlet.web.frontcontroller.v4.controller.MemberSaveControllerV4;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.util.HashMap;
import java.util.Map;


//v4 하위에 모든 컨트롤러를 호출할 수 있음
@WebServlet(name="frontControllerServletV4", urlPatterns = "/front-controller/v4/*")
public class FrontControllerServletV4 extends HttpServlet {

    private Map<String, ControllerV4> controllerV1Map = new HashMap<>();

    public FrontControllerServletV4() {
        //url과 호출해야하는 컨트롤러를 매핑하여 Map에 저장
        controllerV1Map.put("/front-controller/v4/members/new-form", new MemberFormControllerV4());
        controllerV1Map.put("/front-controller/v4/members/save", new MemberSaveControllerV4());
        controllerV1Map.put("/front-controller/v4/members", new MemberListControllerV4());
    }

    @Override
    protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        System.out.println("FrontControllerServletV4.service");

        String requestURI = request.getRequestURI();    //호출되는 URL 주소 얻기

        ControllerV4 controllerV4 = controllerV1Map.get(requestURI);    //url 주소에 해당하는 Controller생성
        if(controllerV4 == null){
            //매칭되는 컨트롤러가 없으면 404 에러 리턴
            response.setStatus(HttpServletResponse.SC_NOT_FOUND);
            return;
        }
        Map<String, String> paramMap = createParamMap(request);
        HashMap<String, Object> model = new HashMap<>();

        //매칭되는 컨트롤러를 찾았으면 해당 컨트롤러 호출
        String viewName = controllerV4.process(paramMap, model);    //기존에 Model을 받던 로직을 viewName을 바로 받도록 수정 (V4에서 수정된 코드)

        //viewResolver 구현 (실제 View를 찾아주는 해결자 역할)
        MyView view = viewResolver(viewName);

        //myView 반환하면서 렌더링 수행
        view.render(model, request, response);
    }

    private MyView viewResolver(String viewName) {
        return new MyView("/WEB-INF/views/" + viewName + ".jsp");
    }


    //ctrl + alt + M 으로 람다 표현식 메소드로 추출
    private Map<String, String> createParamMap(HttpServletRequest request) {
        Map<String, String> paramMap = new HashMap<>();
        request.getParameterNames().asIterator()        //모든 파라미터 이름을 가져온 뒤 forEach 돌린 뒤 paramMap에 모든 데이터를 put함
                .forEachRemaining(paramName->paramMap.put(paramName, request.getParameter(paramName)));
        return paramMap;
    }
}

  - web.frontcontroller.v4.controller.MemberListControllerV4.java

  - FrontControllerV4는 FrontControllerV3과 거의 동일하며 controller.process의 return이 model이 아닌 viewName이 되었다는 것만 변경되었다.

  - 모델 객체 전달

   > Map<String, Object> Model = new HashMap<>();

   > 모델 객체를 프론트 컨트롤러에서 생성해서 넘겨준다. 컨트롤러에서 모델 객체에 값을 담으면 여기에 그대로 담겨있게 된다.

  - 뷰의 논리 이름을 직접 반환

   > String viewName = controller.process(paramMap, model);

   > MyView view = viewResolver(viewName);

   > 컨트롤러가 직접 뷰의 논리 이름을 반환하므로 이 값을 사용해서 실제 물리 뷰를 찾을 수 있다.

 

 * V4 버전의 컨트롤러는 매우 단순하고 실용적이다. 기존 구조에서 모델을 파라미터로 넘기고, 뷰의 논리 이름을 반환한다는 작은 아이디어를 적용한 것 뿐인데 컨트롤러를 구현하는 개발자 입장에서 보면 이제 군더더기 없는 코드를 작성할 수 있다.

 ** 프레임워크나 공통 기능이 수고로워야 사용하는 개발자가 편리해진다.

스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술 12

Spring 정리 2021. 10. 29. 17:09

인프런 강의 30일차.

 - 스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술 1 (김영한 강사님)

 - 서블릿, JSP, MVC 패턴

 - 서블릿으로 1차 구현

   -> 서블릿으로 구현했을 때 불편한 점 개선을 위해 JSP로 2차 구현

   -> JSP로도 불편한 점을 개선하기 위해 MVC 패턴으로 3차 구현

 

---- 스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술 11 View 분리 - v2에 이어서 작성.

2. MVC 프레임워크 만들기

 2.5 Model 추가 - v3

  - 서블릿 종속성 제거

   > 모든 컨트롤러에서 뷰로 이동하는 부분에 중복이 있고, 깔끔하지 않다 (viewPath 및 dispatcher 호출 부분)

   > Model 추가 시 서블릿의 종속성을 제거한다. 컨트롤러 입장에서 HttpServletRequest, HttpServletResponse가 꼭 필요할까?

   > 요청 파마리터 정보는 자바의 Map으로 대신 넘기도록 하면 지금 구조에서는 컨트롤러가 서블릿 구조를 몰라도 동작할 수 있다.

   > 그리고 request 객체를 Model로 사용하는 대신에 별도의 Model 객체를 만들어서 변환하면 된다.

  - 뷰 이름 중복 제거

   > 컨트롤러에서 지정하는 뷰 이름에 중복이 있는 것을 확인할 수 있다.

   > 컨트롤러에서는 뷰의 논리 이름을 변경하고, 실제 물리 위치의 이름은 프론트 컨트롤러에서 처리하도록 단순화

   > 향후 뷰의 폴더 위치가 함께 이동해도 프론트 컨트롤러만 고치면 된다.

   > /WEB-INF/views/new-form.jsp -> new-form

   > /WEB-INF/views/save-result.jsp -> save-result

   > /WEB-INF/views/members.jsp -> members

Model을 추가한 구조도 (v3)

  - ModelView

   > 지금까지 컨트롤러에서 서블릿에 종속적인 HttpServletRequest를 사용했다. 그리고 Model도 request.setAttribute()를 통해 데이터를 저장하고 뷰에 전달했다.

   > 서블릿의 종속성을 제거하기 위해 Model을 직접 만들고, 추가로 View 이름까지 전달되는 객체를 만들어보자.

   > 실제 프론트 컨트롤러는 작업량이 훨씬 많아지지만 실제 구현한 컨트롤러 입장에서는 로직이 간단해짐

 

package hello.servlet.web.frontcontroller;

import java.util.HashMap;
import java.util.Map;

public class ModelView {
    private String viewName;
    private Map<String, Object> model = new HashMap<>();


    public ModelView(String viewName) {
        this.viewName = viewName;
    }

    public String getViewName() {
        return viewName;
    }

    public void setViewName(String viewName) {
        this.viewName = viewName;
    }

    public Map<String, Object> getModel() {
        return model;
    }

    public void setModel(Map<String, Object> model) {
        this.model = model;
    }
}

  - web.frontcontroller.ModelView.java

  - 뷰의 이름과 뷰를 렌더링할 때 필요한 model 객체를 가지고 있다. model은 단순히 map으로 되어 있으므로 컨트롤러에서 뷰에 필요한 데이터를 key, value로 넣어주면 된다.

 

package hello.servlet.web.frontcontroller.v3;

import hello.servlet.web.frontcontroller.ModelView;

import java.util.Map;

public interface ControllerV3 {

    ModelView process(Map<String, String> paramMap);
}

  - web.frontcontroller.v3ControllerV3.java

  - 이 컨트롤러는 서블릿 기술을 전혀 사용하지 않는다. 따라서 구현이 매우 단순해지고, 테스트 코드 작성시 테스트 하기 쉽다.

  - HttpServletRequest가 제공하는 파라미터는 프론트 컨트롤러가 paramMap에 담아서 호출해주면 된다.

  - 응답 결과로 뷰 이름과 뷰에 전달할 Model 데이터를 포함하는 ModelView 객체를 반환하면 된다

 

package hello.servlet.web.frontcontroller.v3.controller;

import hello.servlet.web.frontcontroller.v2.ModelView;
import hello.servlet.web.frontcontroller.v3.ControllerV3;

import java.util.Map;

public class MemberFormControllerV3 implements ControllerV3 {


    @Override
    public ModelView process(Map<String, String> paramMap) {
        return new ModelView("new-form");   //논리 이름으로만 ModelView 생성 (논리이름을 물리이름으로 변경하는 것은 ViewResolver에서 수행)
    }
}

  - web.frontcontroller.v3.controller.MemberFormControllerV3.java

  - 논리 이름으로만 modelView 생성(실제 물리적인 이름은 프론트 컨트롤러에서 처리)

 

package hello.servlet.web.frontcontroller.v3.controller;

import hello.servlet.domain.member.Member;
import hello.servlet.domain.member.MemberRepository;
import hello.servlet.web.frontcontroller.v2.ModelView;
import hello.servlet.web.frontcontroller.v3.ControllerV3;

import java.util.Map;

public class MemberSaveControllerV3 implements ControllerV3 {

    private MemberRepository memberRepository = MemberRepository.getInstance();

    @Override
    public ModelView process(Map<String, String> paramMap) {
        String username = paramMap.get("username");
        int age = Integer.parseInt(paramMap.get("age"));

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


        ModelView mv = new ModelView("save-result");
        mv.getModel().put("member", member);    //멤버 모델에 저장

        return mv;
    }
}

  - web.frontcontroller.v3.controller.MemberSaveControllerV3.java

  - save-result 논리 이름으로 modelView 생성 후 member 정보 저장

  - 파라미터 정보는 전부 map에 저장되어 있다.

 

package hello.servlet.web.frontcontroller.v3.controller;

import hello.servlet.domain.member.Member;
import hello.servlet.domain.member.MemberRepository;
import hello.servlet.web.frontcontroller.v2.ModelView;
import hello.servlet.web.frontcontroller.v3.ControllerV3;

import java.util.List;
import java.util.Map;

public class MemberListControllerV3 implements ControllerV3 {

    private MemberRepository memberRepository = MemberRepository.getInstance();

    @Override
    public ModelView process(Map<String, String> paramMap) {
        List<Member> members = memberRepository.findAll();
        ModelView mv = new ModelView("members");
        mv.getModel().put("members", members);      //members 리스트로 저장

        return mv;
    }
}

  - web.frontcontroller.v3.controller.MemberListControllerV3.java

 

package hello.servlet.web.frontcontroller.v3;

import hello.servlet.web.frontcontroller.MyView;
import hello.servlet.web.frontcontroller.ModelView;
import hello.servlet.web.frontcontroller.v3.controller.MemberFormControllerV3;
import hello.servlet.web.frontcontroller.v3.controller.MemberListControllerV3;
import hello.servlet.web.frontcontroller.v3.controller.MemberSaveControllerV3;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.util.HashMap;
import java.util.Map;


//v3 하위에 모든 컨트롤러를 호출할 수 있음
@WebServlet(name="frontControllerServletV3", urlPatterns = "/front-controller/v3/*")
public class FrontControllerServletV3 extends HttpServlet {

    private Map<String, ControllerV3> controllerV1Map = new HashMap<>();

    public FrontControllerServletV3() {
        //url과 호출해야하는 컨트롤러를 매핑하여 Map에 저장
        controllerV1Map.put("/front-controller/v3/members/new-form", new MemberFormControllerV3());
        controllerV1Map.put("/front-controller/v3/members/save", new MemberSaveControllerV3());
        controllerV1Map.put("/front-controller/v3/members", new MemberListControllerV3());
    }

    @Override
    protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        System.out.println("FrontControllerServletV3.service");

        String requestURI = request.getRequestURI();    //호출되는 URL 주소 얻기

        ControllerV3 controllerV3 = controllerV1Map.get(requestURI);    //url 주소에 해당하는 Controller생성
        if(controllerV3 == null){
            //매칭되는 컨트롤러가 없으면 404 에러 리턴
            response.setStatus(HttpServletResponse.SC_NOT_FOUND);
            return;
        }

        //V3는 controllerV2.process(request, response)로 호출하였다면 V3에서는 Model로 호출해야함 (Model은 paramMap에 저장되어 있음)
        //paramMap 호출
        //람다 호출의 경우 너무 디테일한 레벨로 구현되어 있으므로 따로 메소드로 빼는 것이 좋다.
        /*Map<String, String> paramMap = new HashMap<>();
        request.getParameterNames().asIterator()        //모든 파라미터 이름을 가져온 뒤 forEach 돌린 뒤 paramMap에 모든 데이터를 put함
                .forEachRemaining(paramName->paramMap.put(paramName, request.getParameter(paramName)));*/
        Map<String, String> paramMap = createParamMap(request);

        //매칭되는 컨트롤러를 찾았으면 해당 컨트롤러 호출
        ModelView mv = controllerV3.process(paramMap);

        String viewName = mv.getViewName();//논리 이름 얻어오는 메소드 ex)new-form

        //viewResolver 구현 (실제 View를 찾아주는 해결자 역할)
        MyView view = viewResolver(viewName);
        
        //myView 반환하면서 렌더링 수행
        view.render(mv.getModel(), request, response);
    }

    private MyView viewResolver(String viewName) {
        return new MyView("/WEB-INF/views/" + viewName + ".jsp");
    }


    //ctrl + alt + M 으로 람다 표현식 메소드로 추출
    private Map<String, String> createParamMap(HttpServletRequest request) {
        Map<String, String> paramMap = new HashMap<>();
        request.getParameterNames().asIterator()        //모든 파라미터 이름을 가져온 뒤 forEach 돌린 뒤 paramMap에 모든 데이터를 put함
                .forEachRemaining(paramName->paramMap.put(paramName, request.getParameter(paramName)));
        return paramMap;
    }
}

  - web.frontcontroller.v3.FrontControllerServletV3.java

  - view.render(mv.getModel(), request, response)에서 컴파일 오류가 발생할 시 오버로딩 메소드를 생성해서 처리

  - createParamMap() : HttpServletRequest에서 파라미터 정보를 꺼내서 Map으로 변환한다. 그리고 해당 Map( paramMap )을 컨트롤러에 전달하면서 호출한다

 

package hello.servlet.web.frontcontroller;

import javax.servlet.RequestDispatcher;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.util.Map;

public class MyView {

    private String viewPath;

    public MyView(String viewPath) {
        this.viewPath = viewPath;
    }

    public void render(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //MyView를 생성할 때 생성자로 세팅한 viewPath 호출
        RequestDispatcher dispatcher = request.getRequestDispatcher(viewPath);
        dispatcher.forward(request, response);
    }

    public void render(Map<String, Object> model, HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //model에 있는 데이터를 forEach로 전부 추출해서 request에 key-value로 값을 전부 적재함
        modelToRequestAttribute(model, request);

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

    private void modelToRequestAttribute(Map<String, Object> model, HttpServletRequest request) {
        model.forEach((key, value) -> request.setAttribute(key, value));
    }
}

  - web.frontcontroller.MyView.java

 - 뷰 리졸버

   > MyView view = viewResolver(viewName)

   > 컨트롤러가 반환한 논리 뷰 이름을 실제 물리 뷰 경로로 변경한다. 그리고 실제 물리 경로가 있는 MyView 객체를 반환한다.

   > 논리 뷰 이름: members 물리 뷰 경로: /WEB-INF/views/members.jsp

   > view.render(mv.getModel(), request, response)

   > 뷰 객체를 통해서 HTML 화면을 렌더링 한다.

   > 뷰 객체의 render() 는 모델 정보도 함께 받는다.

   > JSP는 request.getAttribute() 로 데이터를 조회하기 때문에, 모델의 데이터를 꺼내서 request.setAttribute() 로 담아둔다.

   > JSP로 포워드 해서 JSP를 렌더링 한다.

스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술 11

Spring 정리 2021. 10. 21. 20:48

인프런 강의 29일차.

 - 스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술 1 (김영한 강사님)

 - 서블릿, JSP, MVC 패턴

 - 서블릿으로 1차 구현

   -> 서블릿으로 구현했을 때 불편한 점 개선을 위해 JSP로 2차 구현

   -> JSP로도 불편한 점을 개선하기 위해 MVC 패턴으로 3차 구현

 

1. MVC 패턴 - 한계

 - MVC 패턴을 적용한 덕분에 컨트롤러의 역할과 뷰를 렌더링하는 역할을 명확하게 구분할 수 있다.

 - 특히 뷰는 화면을 그리는 역할에 충실한 덕분에, 코드가 깔끔하고 직관적이다. 단순하게 모델에서 필요한 데이터를 꺼내고, 화면을 만들면 된다.

 - but, 컨트롤러는 중복도 많고 필요하지 않은 코드도 많다.

 

 1.1 MVC 컨트롤러의 단점

  - 포워드 중복

  - View로 이동하는 코드가 항상 중복 호출되어야 한다. 물론 이 부분을 공통화해도 되지만, 공통을 항상 호출해야 한다는 점은 매한가지.

//항상 호출되는 코드
RequestDispatcher dispatcher = request.getRequestDispatcher(viewPath);
dispatcher.forward(request, response);

//View Path 또한 중복으로 세팅하는 부분이 있다. (prefix, suffix)
//prefix: /WEB-INF/views/
//suffix: .jsp
String viewPath = "/WEB-INF/views/members.jsp";

  - 만약 jsp가 아닌 thymeleaf같은 다른 뷰로 변경한다면 전체 코드를 전부 변경해야 동작한다.

  - 그 외에 사용 빈도가 적은 코드도 존재한다. (특히 response는 현재 코드에서는 사용하지 않는다)

    ex) HttpServletRequest request, HttpServletResponse response

         > HttpServletRequest, HttpServletResponse를 사용하는 코드는 테스트 케이스를 작성하기도 어렵다.

 

  - 공통 처리가 어렵다

    > 컨트롤러 호출 전에 먼저 공통 기능을 처리해야만 해결 가능

    > 프론트 컨트롤러 패턴을 도입해서 공통기능을 먼저 처리하는 형태로 해결 해야하며, 스프링 MVC의 핵심도 바로 이 프론트 컨트롤러에 있다.

 

 

2. MVC 프레임워크 만들기

 2.1 프론트 컨트롤러 패턴 소개

프론트 컨트롤러 도입 전 호출 형태
프론트 컨트롤러 도입 후 호출 형태

 2.2 FrontController 패턴 특징

  - 프론트 컨트롤러 서블릿 하나로 클라이언트의 요청을 받음

  - 프론트 컨트롤러가 요청에 맞는 컨트롤러를 찾아서 호출

  - 입구를 하나로!

  - 공통 처리 가능

  - 프론트 컨트롤러를 제외한 나머지 컨트롤러는 서블릿을 사용하지 않아도 됨

  - 스프링 웹 MVC와 프론트 컨트롤러 스프링 웹 MVC의 핵심도 바로 FrontController

  - 스프링 웹 MVC의 DispatcherServlet이 FrontController 패턴으로 구현되어 있음

 

2.3 FrontController 도입 - v1

  - 프론트 컨트롤러를 단계적으로 도입해보자.

  - 기존 코드를 최대한 유지하면서 프론트 컨트롤러를 도입하는 것이 목표

프론트 컨트롤러 구현 후 호출 형태 (v1)

package hello.servlet.web.frontcontroller.v1;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

public interface ControllerV1 {

    void process(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException;

}

  - web.frontcontroller.v1.ControllerV1.java

  - 서블릿과 비슷한 모양의 컨트롤러 인터페이스를 생성한다. 각 컨트롤러들은 이 인터페이스를 구현한다.

  - 프론트 컨트롤러는 이 인터페이스를 호출해서 구현과 관계없이 로직의 일관성을 가져갈 수 있다.

 

package hello.servlet.web.frontcontroller.v1.controller;

import hello.servlet.domain.member.MemberRepository;
import hello.servlet.web.frontcontroller.v1.ControllerV1;

import javax.servlet.RequestDispatcher;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

public class MemberFormControllerV1 implements ControllerV1 {

    private MemberRepository memberRepository = MemberRepository.getInstance();

    @Override
    public void process(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        String viewPath = "/WEB-INF/views/members.jsp";
        RequestDispatcher dispatcher = request.getRequestDispatcher(viewPath);
        dispatcher.forward(request, response);
    }
}

  - web.frontcontroller.v1.controller.MemberFormControllerV1.java

  - 리팩토링 순서는 같은 레벨에서의 구조를 먼저 개선 한 후 문제가 없을 때 세부 로직을 변경하는 형태로 개선한다.

  - v1에서는 구조만 변경하는 것으로 진행(viewPath와 Dispatcher호출은 변경하지 않고, 컨트롤러 호출 형태만 변경)

 

package hello.servlet.web.frontcontroller.v1.controller;

import hello.servlet.domain.member.Member;
import hello.servlet.domain.member.MemberRepository;
import hello.servlet.web.frontcontroller.v1.ControllerV1;

import javax.servlet.RequestDispatcher;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

public class MemberSaveControllerV1 implements ControllerV1 {

    private MemberRepository memberRepository = MemberRepository.getInstance();

    @Override
    public void process(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        String username = request.getParameter("username");
        int age = Integer.parseInt(request.getParameter("age"));   //request.getParam의 결과는 항상 문자이므로 숫자는 따로 형변환을 해주어야함

        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);
    }
}

  - web.frontcontroller.v1.controller.MemberSaveControllerV1.java

 

package hello.servlet.web.frontcontroller.v1.controller;

import hello.servlet.domain.member.Member;
import hello.servlet.domain.member.MemberRepository;
import hello.servlet.web.frontcontroller.v1.ControllerV1;

import javax.servlet.RequestDispatcher;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.util.List;

public class MemberListControllerV1 implements ControllerV1 {

    private MemberRepository memberRepository = MemberRepository.getInstance();

    @Override
    public void process(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        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);
    }
}

  - web.frontcontroller.v1.controller.MemberListControllerV1.java

 

package hello.servlet.web.frontcontroller.v1;

import hello.servlet.web.frontcontroller.v1.controller.MemberFormControllerV1;
import hello.servlet.web.frontcontroller.v1.controller.MemberListControllerV1;
import hello.servlet.web.frontcontroller.v1.controller.MemberSaveControllerV1;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.util.HashMap;
import java.util.Map;


//v1 하위에 모든 컨트롤러를 호출할 수 있음
@WebServlet(name="frontControllerServletV1", urlPatterns = "/front-controller/v1/*")
public class FrontControllerServletV1 extends HttpServlet {

    private Map<String, ControllerV1> controllerV1Map = new HashMap<>();

    public FrontControllerServletV1() {
        //url과 호출해야하는 컨트롤러를 매핑하여 Map에 저장
        controllerV1Map.put("/front-controller/v1/members/new-form", new MemberFormControllerV1());
        controllerV1Map.put("/front-controller/v1/members/save", new MemberSaveControllerV1());
        controllerV1Map.put("/front-controller/v1/members", new MemberListControllerV1());
    }

    @Override
    protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        System.out.println("FrontControllerServletV1.service");

        String requestURI = request.getRequestURI();    //호출되는 URL 주소 얻기
        
        ControllerV1 controllerV1 = controllerV1Map.get(requestURI);    //url 주소에 해당하는 Controller생성
        if(controllerV1 == null){
            //매칭되는 컨트롤러가 없으면 404 에러 리턴
            response.setStatus(HttpServletResponse.SC_NOT_FOUND);
            return;
        }
        
        //매칭되는 컨트롤러를 찾았으면 해당 컨트롤러 호출
        controllerV1.process(request, response);

    }
}

  - web.frontcontroller.v1.FrontControllerServletV1.java

  -  urlPatterns는 v1/*로 선언

  - controllerMap : key는 매핑 URL, value는 호출될 Controller

  - JSP는 이전 MVC에서 사용하던 것을 그대로 사용한다,

 

2.4 View 분리 - v2

  - 모든 컨트롤러에서 뷰로 이동하는 부분에 중복이 있고, 깔끔하지 않다 (viewPath 및 dispatcher 호출 부분)

View 분리 후 호출 형태 (v2)

  - viewPath를 전담해서 처리하는 MyView 구현

  - 과거에는 컨트롤러에서 jsp를 직접 호출했다면 v2에서는 MyView에서 jsp를 호출

package hello.servlet.web.frontcontroller;

import javax.servlet.RequestDispatcher;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

public class MyView {

    private String viewPath;

    public MyView(String viewPath) {
        this.viewPath = viewPath;
    }

    public void render(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //MyView를 생성할 때 생성자로 세팅한 viewPath 호출
        RequestDispatcher dispatcher = request.getRequestDispatcher(viewPath);
        dispatcher.forward(request, response);
    }
}

  - web.frontcontroller.v2.MyView.java

  - viewPath에 따른 forward를 수행하는 소스

 

package hello.servlet.web.frontcontroller.v2;

import hello.servlet.web.frontcontroller.MyView;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

public interface ControllerV2 {

    MyView process(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException;
}

  - web.frontcontroller.v2.ControllerV2.java

  - 이제 각 컨트롤러가 dispatcher.forward()를 직접 생성해서 호출하지 않고 MyView객체를 생성하고 뷰 이름만 넣은 뒤 반환하면 된다,

  - ControllerV1와 ControllerV2를 비교해보면 중복이 제거된 것을 확인할 수 있다.

 

package hello.servlet.web.frontcontroller.v2.controller;

import hello.servlet.web.frontcontroller.MyView;
import hello.servlet.web.frontcontroller.v2.ControllerV2;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

public class MemberFormControllerV2 implements ControllerV2 {

    @Override
    public MyView process(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        /*
        MyView myView = new MyView("WEB-INF/views/new-form.jsp");
        return myView;
        위 코드를 아래처럼 한번에 변경하는 단축키 Ctrl + alt + N 혹은 Shift + Ctrl + Alt + T로 호출되는 리팩터링 메뉴에서 '인라인' 검색
        */

        return new MyView("WEB-INF/views/new-form.jsp");
    }
}

  - web.frontcontroller.v2.controller.MemberFormControllerV2.java

package hello.servlet.web.frontcontroller.v2.controller;

import hello.servlet.domain.member.Member;
import hello.servlet.domain.member.MemberRepository;
import hello.servlet.web.frontcontroller.MyView;
import hello.servlet.web.frontcontroller.v2.ControllerV2;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

public class MemberSaveControllerV2 implements ControllerV2 {

    private MemberRepository memberRepository = MemberRepository.getInstance();

    @Override
    public MyView process(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        String username = request.getParameter("username");
        int age = Integer.parseInt(request.getParameter("age"));   //request.getParam의 결과는 항상 문자이므로 숫자는 따로 형변환을 해주어야함

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

        //Model에 데이터 저장
        request.setAttribute("member", member);

        return new MyView("/WEB-INF/views/save-result.jsp");
    }
}

  - web.frontcontroller.v2.controller.MemberSaveControllerV2.java

 

package hello.servlet.web.frontcontroller.v2.controller;

import hello.servlet.domain.member.Member;
import hello.servlet.domain.member.MemberRepository;
import hello.servlet.web.frontcontroller.MyView;
import hello.servlet.web.frontcontroller.v2.ControllerV2;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.util.List;

public class MemberListControllerV2 implements ControllerV2 {

    private MemberRepository memberRepository = MemberRepository.getInstance();

    @Override
    public MyView process(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        List<Member> members = memberRepository.findAll();

        request.setAttribute("members", members);

        return new MyView("/WEB-INF/views/members.jsp");
    }
}

  - web.frontcontroller.v2.controller.MemberListControllerV2.java

 

package hello.servlet.web.frontcontroller.v2;

import hello.servlet.web.frontcontroller.MyView;
import hello.servlet.web.frontcontroller.v1.ControllerV1;
import hello.servlet.web.frontcontroller.v2.controller.MemberFormControllerV2;
import hello.servlet.web.frontcontroller.v2.controller.MemberListControllerV2;
import hello.servlet.web.frontcontroller.v2.controller.MemberSaveControllerV2;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.util.HashMap;
import java.util.Map;


//v1 하위에 모든 컨트롤러를 호출할 수 있음
@WebServlet(name="frontControllerServletV2", urlPatterns = "/front-controller/v2/*")
public class FrontControllerServletV2 extends HttpServlet {

    private Map<String, ControllerV2> controllerV1Map = new HashMap<>();

    public FrontControllerServletV2() {
        //url과 호출해야하는 컨트롤러를 매핑하여 Map에 저장
        controllerV1Map.put("/front-controller/v2/members/new-form", new MemberFormControllerV2());
        controllerV1Map.put("/front-controller/v2/members/save", new MemberSaveControllerV2());
        controllerV1Map.put("/front-controller/v2/members", new MemberListControllerV2());
    }

    @Override
    protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        System.out.println("FrontControllerServletV2.service");

        String requestURI = request.getRequestURI();    //호출되는 URL 주소 얻기
        
        ControllerV2 controllerV2 = controllerV1Map.get(requestURI);    //url 주소에 해당하는 Controller생성
        if(controllerV2 == null){
            //매칭되는 컨트롤러가 없으면 404 에러 리턴
            response.setStatus(HttpServletResponse.SC_NOT_FOUND);
            return;
        }
        
        //매칭되는 컨트롤러를 찾았으면 해당 컨트롤러 호출
        MyView view = controllerV2.process(request, response);
        view.render(request, response);
    }
}

  - web.frontcontroller.v2.FrontControllerServletV2.java

  - ControllerV2의 return이 MyView이므로 컨트롤러의 호출 결과로 MyView를 반환받는다.

  - myview.render() 호출을 통해 forward 로직을 수행하여 JSP가 실행된다.

  - JSP는 이전 MVC에서 사용하던 것을 그대로 사용한다,

  - 프론트 컨트롤러의 도입으로 MyView 객체의 render()를 호출하는 부분을 모두 일관되게 처리할 수 있다. 각각의 컨트롤러는 MyView 객체를 생성만해서 반환하면 된다!