[Server] MVC 디자인 패턴 기초

SERVER(Servlet, JSP)

[Server] MVC 디자인 패턴 기초

developer of the night sky 2023. 10. 23. 15:56

🔻Servlet + JSP

자바에서 웹 어플리케이션을 작성하기 위한 기술로 Servlet과 JSP가 있다.

이 둘의 장단점, 그리고 이 둘을 같이 사용했을 때의 장점은 아래와 같다.

1. Servlet

장점 : 자바기반으로 자바 코드 작성이 용이하다
단점 : 클라이언트 코드 작성이 불편하다.

2. JSP

장점 : 클라이언트 코드 작성이 용이하다.
단점 : 자바 코드 작성이 불편하다.

3. Servlet + JSP

Servlet의 장점과 JSP의 장점을 합쳤다.
자바코드는 서블릿에서 작성하고 클라이언트 코드는 JSP코드에서 작성한다.
MVC 디자인 패턴으로 통합관리를 한다.
순서는 무조건 servlet이 먼저 실행한다.
그 이유는 거의 대부분의 JSP 코드를 보면 상단에 <%%>로 자바 코드를 작성하고 그 중의 일부는 중하단의 HTML 코드를 작성했다.
서블릿 코드를 먼저 실행하여 자바코드를 수행하고 화면에 출력해야하는 데이터를 JSP가 받아 HTML를 완성시킨다.

🔻MVC 디자인 패턴

클라이언트가 서버에 요쳥을 하면 서버쪽은 담당 업무(역할)에 따라 Controller, View, Model 이라는 3개의 계층으로 나눠져있다.

Controller / 서블릿 : 요청에서부터 응답까지 전체를 관리한다.

View / JSP : 출력담당, HTML 페이지를 생산한다.

Model / 자바 : 오라클 DB(데이터) 처리한다.

사용자가 서버에 요청을 하면 Controller는 그 요청을 받아 Model에게 DB 작업을 맡긴다. Model는 업무를 처리하여 Controller에게 반환한다. 돌려받은 데이터를 View한테 넘겨주면서 페이지를 만들라고 시킨다. View가 페이지를 만들면 다시 Controller에게 반환하여 Controller는 사용자에게 반환한다.

MVC 아키텍처를 적용하는 방법에는 JSP 모델1과 JSP 모델2 두 가지가 있다.

JSP Model 1

자바 코드와 클라이언트 코드를 한 장의 JSP 페이지에 포함시키는 방식으로 동작한다. 즉, 데이터 처리, 화면 표현, 사용자 입력 처리 등이 모두 하나의 JSP 파일에서 이루어집니다.

장점으로 간단하고 빠르게 구현할 수 있으며, 작은 규모의 프로젝트나 학습용으로 적합하다.
단점으로는 코드의 유지보수가 어렵고, 확장성이 떨어진다.

JSP Model 2

MVC 아키텍처를 엄격히 따르며, 각각의 역할에 해당하는 코드를 분리하여 작성한다. 즉, 모델은 데이터 처리를, 뷰는 화면 표현을, 컨트롤러는 사용자 입력을 처리하고 그 결과를 모델이나 뷰에 반영한다.

장점으로는 코드의 가독성과 유지보수가 용이하며, 대규모 프로젝트에 적합하여 다수의 개발자들이 협업할 때 사용한다.
단점으로는 초기 구성이 복잡할 수 있고, 각 요소를 분리하여 작성해야 하므로 일부분이나 전체를 개발하는 데 시간이 더 소요될 수 있다.

🔻MVC 디자인 패턴으로 구성하기

WEB-INF 폴더

webapp에 있던 hello.jsp를 webapp 하위 폴더 WEB-INF로 옮기면 어떻게 될까?

아예 페이지 존재를 찾을 수 없다.

이런 에러가 난 것은 WEB-INF 폴더의 특성때문이다.

내부 시스템 자원을 관리하는 보안 폴더로써 브라우저에서 직접 접근이 불가능하다. 해당 코드는 서블릿에서 접근 가능한데 이는 웹 애플리케이션의 구성 요소들을 안전하게 관리할 수 있도록 한다.

jsp는 클라이언트 코드를 담당하는 불완전한 페이지이기 때문에, 직접적으로 브라우저에서 호출되지 않도록 WEB-INF 폴더에 넣어준다. 일반적으로는 jsp 파일을 관리하기 위해 views와 같은 이름의 폴더를 WEB-INF 하위에 생성하여 사용한다.

서블릿에서 jsp 호출하기

그렇다면 서블릿에서 자바 코드를 작성하고 어떻게 jsp를 호출할까?

서블릿의 'RequestDispatcher' 객체를 사용하여 jsp를 호출한다.

RequestDispatcher는 서블릿에서 다른 리소스로 요청을 전달하거나 포워딩할 때 사용하는 인터페이스이다.

자바 코드 작업 결과 전달

int count = 100;
req.setAttribute("count", count);

서블릿에서 DB 작업 또는 다른 작업의 결과물을 페이지끼리 공유를 하기 위해 HttpServletRequest 객체의 setAttribute로 값을 jsp에 전달한다.

객체를 선언하는 방법

RequestDispatcher dispatcher = req.getRequestDispatcher("/WEB-INF/views/hello.jsp");

getRequestDispatcher(String path): 현재 컨텍스트 내에서 지정된 경로에 대한 RequestDispatcher를 반환한다. 경로는 컨텍스트 루트부터의 상대 경로또는 절대 경로로 입력한다. 무조건 '/'부터 시작하며 '/'는 webapp를 의미한다.

포워딩하는 방법

RequestDispatcher dispatcher = req.getRequestDispatcher("/WEB-INF/views/hello.jsp");

forward(ServletRequest request, ServletResponse response) : 현재 요청을 다른 서블릿이나 JSP로 전달하여 이후의 처리는 전달된 서블릿이나 JSP에서 이어지도록 한다.

서블릿 코드

Hello.java

package com.test.mvc;

import java.io.IOException;

import javax.servlet.RequestDispatcher;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class Hello extends HttpServlet {
	
	@Override
	protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {

		req.setAttribute("count", count);
		
		RequestDispatcher dispatcher = req.getRequestDispatcher("/WEB-INF/views/helo.jsp");
		dispatcher.forward(req, resp);
		
	}
}

jsp 데이터 수신하기

jsp는 서블릿에서 넘어온 데이터를 request.getAttribute 로 수신한다.

수신한 값을 페이지로 출력하여 view의 역할을 한다.

hello.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>hello.jsp</title>
<link rel="stylesheet" href="http://pinnpublic.dothome.co.kr/cdn/example-min.css">
<style>

</style>
</head>
<body>
	
	<h1>Hello</h1>
	
	<div>count: <%= request.getAttribute("count") %></div>

	<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
	<script src="http://pinnpublic.dothome.co.kr/cdn/example-min.js"></script>
	
	<script>
	
	</script>
</body>
</html>

서블릿 주소 / JSP 주소를 틀렸을 때

서블릿 주소 틀렸을 때

주소창의 주소를 다시 확인한다.

JSP 주소를 틀렸을 때

서블릿의 RequestDispatcher 경로를 확인한다.

저작자표시 (새창열림)