Template Engine
- 동적인 웹 페이지를 생성하기 위해 사용되는 도구이며 템플릿을 기반으로 정적인 부분과 동적인 데이터를 결합하여 HTML, XML 등의 문서를 생성하는 역할을 수행한다.
->우리가 흔히 말하는 UI를 만들며 SSR(Server Side Rendering)에 사용된다.
- 템플릿 엔진이 나온 이유
- 자바 코드로 HTML을 만들어 내는 것이 아닌 HTML 문서에 동적으로 변경해야 하는 부분만 자바 코드를 넣을 수 있다면 더 편리하다.
- 대표적인 템플릿 엔진
- Thymeleaf
- Sptring과 통합이 잘 되어있고 다양한 기능을 포함하고 있다.
- JSP(Java Server Pages)
- 예전엔 많이 사용했으나 요즘은 잘 안 쓰는 추세
- FreeMarker
- Velocity
- Mustache
MVC 패턴 개요
- Servlet이나 JSP만으로 비지니스 로직과 ViewRendering 을 모두 처리하기엔 많은 역할을 맡게 되고 유지보수가 어려워짐으로 고안된 패턴이다.
Web Application은 일반적으로 MVC(Model View Controller)패턴을 사용한다.
1.Servlet 예시
>## MVC 패턴 개요
@WebServlet("/hello-world")
public class HelloWorldServlet extends HttpServlet {
// User 저장소
private UserRepository repository = new UserRepository();
public HelloWorldServlet() {
super();
}
protected void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("text/html;charset=utf-8");
PrintWriter out = response.getWriter();
try {
// 비지니스 로직을 처리하는 코드
// 파라미터 조회
String userIdParam = request.getParameter("userId");
Long userId = null;
if (userIdParam != null) {
userId = Long.parseLong(userIdParam);
}
// 회원 조회
String userInfo = repository.findById(userId);
// 화면을 그리는 코드 START
out.println("<h1>Hello World!</h1>");
out.println("<div>조회한 회원의 정보: " + userInfo + "</div>");
// 화면을 그리는 코드 END
} catch (NumberFormatException e) {
// parsing 에러가 발생한 경우
out.println("<div>Invalid user ID format</div>");
} finally {
out.close();
}
}
protected void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
doGet(request, response);
}
}- Servlet의 문제점
- 화면에 보여지는 View 영역과 비지니스 로직이 Servlet하나에 섞여있으며 책임을 너무 많이 가지고 있다.
Servlet 동작순서
1.사용자가 Client(브라우저)를 통해 Request 즉, API요청을 한다.
2.요청을 받은 Servlet 컨테이너는 HttpServletRequest,HttpServletResponse 객체를 생성한다.
3.설정된 정보(URL,HTTP Method)를 통해 어떤 Servlet에 대한 요청인지 찾는다.
4. 해당 Servlet에서 service 메서드를 호출한 뒤 브라우저의 요청 Method에 따라 doGet() 혹은doPost() 등의 메서드를 호출한다.
5. 서버에서 응답을 생성한 뒤 HttpServletResponse객체에 응답을 담아 Client(브라우저)에 반환한다.
6. 응답이 완료되면 생성한 HttpServletRequest, HttpServletResponse객체를 소멸한다.
2.JSP 예시
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!-- HTML 코드... -->
<!-- <%...%> 영역에는 Java 코드를 사용할 수 있다. -->
<%
// 게시글 저장소 싱글톤으로 인스턴스 생성
BoardRepository boardRepository = BoardRepository.getInstance();
// 게시글 제목, 내용
String title = request.getParameter("title");
String content = request.getParameter("content");
// 게시글 객체 생성
Board board = new Baord(title, content);
// 게시글 객체 저장
repository.save(board);
%>
<div>
ID : <input type ="text" name = "id" value="<%=id %>">
</div>
<!-- JSP 코드... -->
<!-- HTML 코드... -->
<jsp:forward page="<%=url %>" />
</body>
</html>- Servlet 코드에서 HTML을 만드는 부분인 View를 분리했다.
Servlet과 JSP 구조
- Servlet,JSP 방식의 문제점
- Servlet만을 사용 하면 View를 위한 코드와 비지니스 로직을 처리하는 코드가 Servlet에 같이 존재하여 유지보수가 어렵다.
- JSP를 사용하면 View는 분리되지만 비지니스 로직의 일부가 JSP 파일안에 존재함으로 여전히 책임이 많아 유지보수가 어렵다.
MVC 패턴 구조
-
Controller
- 예시 코드에서 Servlet에 해당하는 영역이다.
- HTTP Request를 전달받아 파라미터를 검증한다.
- 비지니스 로직을 실행한다.
- 비지니스 로직을 Controller에 포함하게되면 Controller가 너무 많은 역할을 담당하게 되어 일반적으로 Service Layer를 별도로 만들어서 처리한다.
- Database와 상호작용 하는 Layer를 따로 구분하여 Repository Layer를 추가로 구성한다.
- Controller도 비지니스 로직을 포함할 수 있지만 일반적으로 Service Layer를 호출하는 역할을 담당한다.
- View에 전달할 결과를 조회하여 Model 객체에 임시로 저장한다.
-
Model
- View에 출력할 Data를 저장하는 객체이다.
- View는 비지니스 로직이나 Data 접근을 몰라도 되고 View Rendering에만 집중하면 된다.(책임 분리)
-
View
- 예시 코드에서 JSP에 해당하는 영역이다.
- Model 객체에 담겨져 있는 Data를 사용하여 화면을 Rendering 한다.
-화면에 수정이 발생하면 화면(View)만 수정하고 로직에수정이 발생하면 로직만 수정하면 된다.
- 예시 코드에서 JSP에 해당하는 영역이다.
MVC 패턴의 문제점
MVC 패턴을 적용 후 View의 역할은 필요한 데이터를 Model 에서 참조하여 화면을 그리는 역할만 수행하면 된다. 하지만 Controller에 해당하는 부분은 여전히 문제를 가지고 있다.
- MVC 패턴 적용
- 문제점
-
dispatcher.forward(request, response)View로 이동하는 forward가 항상 중복 호출된다. -
String path= “/WEB-INF/views/new-form.jsp”View의 path를 입력(중복 작업)한다.- jsp 파일의 경로 혹은 이름이 바뀌면 해당 코드가 변경되어야 한다.
- JSP 이외의 확장자를 사용하려면 전체가 변경되어야 한다.
-
HttpServletResponse객체를 사용하는 경우가 적다. (JSP에서 모두 해결하기 때문)- HttpServletRequest와 HttpServletResponse는 Test 코드를 작성하기도 매우 힘들다.
-
공통 기능이 추가될수록 Controller에서 처리해야 하는 부분들이 많아진다.
-
공통 기능 처리
-
모든 컨트롤러에서 공통으로 적용되는 기능을 뜻한다.
ex) Log 출력, 인증, 인가 등
-
프론트 컨트롤러 패턴
-
Servlet(Controller)이 호출되기 전에 공통 기능을 하나의 Servlet에서 처리해주는 패턴이다. 프론트 컨트롤러(Servlet) 하나에 모든 클라이언트측 요청이 들어온다.
->프론트 컨트롤러에서 공통기능을 처리한다. -
프론트 컨트롤러 패턴 구조
-
프론트 컨트롤러의 역할
- 모든 요청을 하나의 프론트 컨트롤러가 받는다.
- 공통 기능을 처리한다.
- 요청을 처리할 수 있는 Controller를 찾아서 호출한다.(Controller Mapping)
- 프론트 컨트롤러를 제외한 나머지 컨트롤러는 Servlet을 사용하지 않아도 된다.
- 일반 Controller들은
HttpServlet을 상속받거나,@WebServlet을 사용하지 않아도 된다.
- 일반 Controller들은
-
프론트 컨트롤러 의문점
- 프론트 컨트롤러를 사용하면 모든 컨트롤러에서 같은 형태의 응답을 해야하는가?
- 위 그림처럼 공통 처리 로직에 모든 컨트롤러가 연결되기 위해서는 모든 컨트롤러가 return 하는 결과의 형태가 동일해야 한다.
- 하지만, Controller 마다 로직이나 응답해야하는 결과는 당연히 다를테고 응답을 동일하게 맞추려고 한다면 해당 애플리케이션은 확장성, 유지보수성을 잃는다.
- 공통 로직에서 응답별로 퍼즐을 다시 하나하나 처리할 수 있으나 공통 부분의 책임이 너무 커지게된다. 또한, 컨트롤러에서 반환되는 결과가 달라지면 공통처리 부분의 변경또한 불가피하다.
- 바로 여기서 고안된것이 어댑터 패턴이다.
어댑터 패턴
다양한 컨트롤러(Handler)를 유연하게 만들기위해 어댑터 패턴을 도입하게 되었다. 컨트롤러들은 동일한 인터페이스를 구현하도록 하고 해당 인터페이스와 공통 로직 사이에 어댑터를 두어 유연하게 만든다. 서로 다른 인터페이스를 갖는 두 클래스를 연결해주는 패턴이다.
- 어댑터 패턴 구조
- 컨트롤러(Handler)는 비지니스 로직을 처리하고 알맞은 결과를 반환한다.
- 어댑터는 공통 로직과 컨트롤러(Handler)가 자연스럽게 연결되도록 한다.
- 프론트 컨트롤러는 공통으로 처리되는 로직을 수행한다.
-
어댑터 패턴 장점
- 프론트 컨트롤러, 어댑터, 핸들러 모두 각자의 역할만 수행한다. (책임 분리)
- 새로운 컨트롤러(Handler)가 추가되어도 컨트롤러와 어댑터만 추가한다면 공통 로직의 변경이 발생하지 않는다.
-
요약
- Servlet 사용
- 비지니스 로직을 처리하는 코드와 화면을 그리는 View 코드가 함께 존재하는 문제
- JSP 사용
- View 에 해당하는 코드를 분리하였지만, 여전히 비지니스 로직을 JSP에 포함하는 문제
- MVC 패턴 사용
- 공통 로직을 처리하는것에 코드가 중복되는 문제
- 프론트 컨트롤러 패턴 사용
- 공통 로직을 하나의 입구에서 처리하기 위해서 프론트 컨트롤러 패턴 적용
- 각각의 핸들러 호출 후 응답을 프론트 컨트롤러에 맞게 변형시켜야 하는 문제
- Spring MVC 사용
- 프론트 컨트롤러 패턴, 어댑터 패턴이 모두 적용된 현재
- 우리가 사용하는 Spring을 이용한 Web Application 개발 방식에 사용됨
- Spring은 MVC 패턴에 프론트 컨트롤러 패턴, 어댑터 패턴이 적용되어 있다.
- Servlet 사용
