Servlet과 JSP

💡 Servlet, JSP 왜 쓸까?
동적 웹 어플리케이션을 제작하기 위해서는
프로그래밍 언어를 이용해야하기 때문에 Servlet이나 JSP를 사용한다!

= 한 마디로, Java로 웹 어플리케이션을 만들어야 하는데, Java를 사용하기 위해서!!

* 동적 웹 페이지 : 등록된 자원들 중 사용자의 요청에 따라 다른 결과들이 나오는 페이지

Servlet

Java 코드 내 HTML 코드
자바를 사용하여 웹 서버에서 동적으로 생성한 웹 페이지를 웹 브라우저에 돌려줌

Servlet Life-Cycle

단순한 클래스가 서블릿 클래스가 되기 위해서는 서블릿 생명주기를 가져야 함
init(), service(), destroy() 순서의 생명주기를 추상 메소드로 갖는 인터페이스 = servlet 인터페이스

init()

:서블릿이 메모리에 로드 될 때 한번 호출 (코드 수정으로 다시 로드 되면 다시 호출)

public void init(ServletConfig config)
          throws ServletException

service()

모든 요청은 service()를 통해서 doXXX() 메소드로 이동 (요청마다 반복 호출)

* service()를 재정의 하는 경우 doXXX() 메소드를 직접 호출해주자!

public void service(ServletRequest req,
                    ServletResponse res)
             throws ServletException,
                    IOException

// GET
protected void doGet(HttpServletRequest req,
                     HttpServletResponse resp)
              throws ServletException,
                     IOException
 
 // POST
 protected void doPost(HttpServletRequest req,
                      HttpServletResponse resp)
               throws ServletException,
                      IOException

destroy()

: 서블릿이 메모리에서 해제되면 호출 (코드가 수정되면 호출)

public void destroy()

HttpServlet

: 사용자가 정의하던 service()를 담은 상속 클래스

💡 Servlet 인터페이스
: init(), service(), destroy(), getServletConfig(), getServletInfo()
등 5개의 메소드를 선언하고 있음
= servlet 생명주기와 연관된 메소드들

💡 GenericServlet 인터페이스
: service() 메소드를 제외한 모든 메소드를 재정의하여 적절한 기능으로 구현

💡 HttpServlet 인터페이스
: GenericServlet을 상속하여 service() 메소드를 재정의함으로써
HTTP 프로토콜에 알맞은 동작을 수행하도록 구현
( service() 메소드 ⇒ 요청 방식에 따라 doGet(), doPost() 등 정해진 사양의 메소드 호출)

GenericServlet

GenericServlet (Java(TM) EE 7 Specification APIs)

Defines a generic, protocol-independent servlet. To write an HTTP servlet for use on the Web, extend HttpServlet instead. GenericServlet implements the Servlet and ServletConfig interfaces. GenericServlet may be directly extended by a servlet, although it'

docs.oracle.com

HttpServlet

HttpServlet (Java(TM) EE 7 Specification APIs)

Called by the server (via the service method) to allow a servlet to handle a PUT request. The PUT operation allows a client to place a file on the server and is similar to sending a file by FTP. When overriding this method, leave intact any content headers

docs.oracle.com

Servlet 실습

✅ servlet을 호출할 HTML 화면

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="Cache-Control" content="no-cache">
<title>사용자정보사이트</title>
<style>
    label {
        display: inline-block;
        width: 80px;
    }
</style>
</head>
<body>
    <h1>사용자 관리</h1>
    <!-- method 타입 설정, submit시 어디로 갈건지 설정 ( 메인 서블릿 url ) -->
    <form method="post" action="main">
        <fieldset>
        <legend>사용자 정보 입력</legend>
        <!-- front-controller pattern에서 요청을 구분하기 위한 parameter -->
        <input type="hidden" name="action" value="regist">
        <label for="id">아이디</label>
        <input type="text" id="id" name="id" value="hong"><br>
        <label for="password">비밀번호</label>
        <input type="password" id="password" name="password" value="1234"><br>
        <label for="name">이름</label>
        <input type="text" id="name" name="name" value="홍길동"><br>
        <label for="email">이메일</label>
        <input type="email" id="email" name="email" value="hong@email.com"><br>
        <label for="age">나이</label>
        <input type="number" id="age" name="age" value="20"><br>
        <input type="submit" value="등록">
        <input type="reset" value="초기화">
        </fieldset>
    </form>
</body>
</html>

✅ User.java (DTO)

@Getter
@Setter
public class User {

	private String id; // 아이디
	private String password; // 비밀번호
	private String name; // 이름
	private String email;// 이메일
	private int age; // 나이

	// 기본 생성자
	public User() {
	}

	public User(String id, String password, String name, String email, int age) {
		super();
		this.id = id;
		this.password = password;
		this.name = name;
		this.email = email;
		this.age = age;
	}

	@Override
	public String toString() {
		return "User [id=" + id + ", password=" + password + ", name=" + name + ", email=" + email + ", age=" + age
				+ "]";
	}

}

✅ 호출될 servlet

import java.io.IOException;

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 dto.User;

// 이 서블릿이 호출되기 위해서는 url 상에 http:server_ip:port/context_name/main 이 필요
 @WebServlet("/main")
 public class MainServlet extends HttpServlet {

     private static final long serialVersionUID = 1L;

    
     /**
      * get 방식의 요청에 대해 응답하는 메서드
      * front controller pattern을 적용하기 위해 내부적으로 process를 호출
      */
     protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
         process(request, response);
     }
    
    
     /**
      * post 방식의 요청에 대해 응답하는 메서드
      * front controller pattern을 적용하기 위해 내부적으로 process를 호출
      */
     protected void doPost (HttpServletRequest request, HttpServletResponse response)
             throws ServletException, IOException {
//         post 요청 시 한글 파라미터의 처리를 위해 encoding 처리
         request.setCharacterEncoding("UTF-8");
         process(request, response);
     }
    
     /**
      * request 객체에서 action 파라미터를 추출해서 실제 비지니스 로직 메서드(ex: doRegist)호출
      */
     private void process(HttpServletRequest request,HttpServletResponse response)
             throws ServletException, IOException {
         String action = request.getParameter("action");
         switch (action) {
         case "regist":
             doRegist(request, response);
             break;
         }
     }
    
     /**
      * 사용자 정보를 등록하기 위해 파라미터가 잘 전달되는지 확인하고 전달 결과를 화면에 출력
      * 이를 위해 request에서 전달 받은 내용을 추출해서 User 객체를 생성한 후 response로 출력
      * 특히 response 시 content의 형식에 주의
      * @param request
      * @param response
      * @throws ServletException
      * @throws IOException
      */
     private void doRegist(HttpServletRequest request, HttpServletResponse response)
             throws ServletException, IOException {
             
//          request 객체에서 전달된 parameter를 추출
         String id = request.getParameter("id");
         String password = request.getParameter("password");
         String name = request.getParameter("name");
         String email = request.getParameter("email");
         
//         문자열로 전달된 age는 숫자로 변환
         int age = Integer.parseInt(request.getParameter("age"));
        
//         전달받은 parameter를 이용해서 User 객체를 생성
         User user = new User(id, password, name, email, age);
        
//         화면에 출력할 데이터를 구성
         StringBuilder output = new StringBuilder();
        
         output.append("<html><body>").append("<h1>사용자 정보</h1>").append(user.toString()).append("</body></html>");
        
//         response 객체를 통해서 생성한 html코드를 출력
//         응답이 어떤 타입인지 설정
         response.setContentType("text/html; charset=UTF-8");
         response.getWriter().write(output.toString());
        
     }
 }

JSP (Java Server Page)

HTML 코드 내 Java 코드
JSP는 실행 시 서블릿으로 변환된 후 실행됨
자바를 사용하여 웹 서버에서 동적으로 생성한 웹 페이지를 웹 브라우저에 돌려줌

JSP Scriptlet

선언

멤버 변순 선언이나 메소드를 선언하는 영역

<%! 전역변수 or method %>

스크립트릿

Client 요청 시 매번 호출 영역으로, Servlet으로 변환 시 `service()` method에 해당되는 영역

<% 자바코드 %>

표현식

데이터를 브라우저에 출력할 때 사용 * 문자열 뒤 ; 은 작성 X

<%= 문자열 %>

주석

<%-- 주석 내용 --%>

JSP 기본 객체

기본 객체명	Type	설명
request	javax.servlet.http.HttpServletRequest	클라이언트의 요청 정보를 저장 HTML 폼 요소의 선택 값 등 사용자 입력 정보를 읽어올 때 사용 * scope - 하나의 HTTP 요청을 처리할 때 사용되는 영역 - 웹 브라우저가 요청할 때 마다 새로운 request 객체가 생성됨
response	javax.servlet.http.HttpServletResponse	응답 정보를 저장 사용자 요청에 대한 응답을 처리하기 위해 사용
pageContext	javax.servlet.jsp.PageContext	JSP 페이지에 대한 정보를 저장 각종 기본 객체를 얻거나, forward 및 include 기능을 활용할 때 사용 * scope - 한번의 클라이언트 요청에 대하여 하나의 JSP 페이지가 호출 - 페이지 영역에 저장한 값은 페이지를 벗어나면 사라짐 * 커스텀 태그에서 새로운 변수를 추가할 때 사용
session	javax.servlet.http.HttpSession	HTTP 세션 정보를 저장 클라이언트에 대한 세션 정보를 처리하기 위해 사용 page directive의 session 속성을 false로 하면, 내장 객체는 생성 되지 않음 * scope - 하나의 웹 브라우저와 관련된 영역 - 같은 웹브라우저 내에서 요청되는 페이지들은 같은 세션을 공유 * 로그인 정보 등을 저장
application	javax.servlet.ServletContext	웹 어플리케이션에 대한 정보를 저장 웹 서버의 애플리케이션 처리와 관련된 정보를 레퍼런스하기 위해 사용 * scope - 하나의 웹 어플리케이션과 관련된 영역 - 웹 어플리케이션 당 1개의 어플리케이션 객체가 생성됨 - 같은 웹 어플리케이션에서 요청되는 페이지들은 같은 어플리케이션 객체를 공유

공통 method

servlet과 jsp 페이지 간에 특정 정보를 주고 받거나 공유 하기 위한 메소드를 지원

// 문자열 name으로 Object형 데이터를 저장
void setAttribute(String name, Object object)

// 문자열 name에 해당하는 속성 값이 있다면, 
// Object 형태로 가져오고 (적절한 형변환 필요)
// 없으면 null을 리턴
Object getAttribute(String name)

// 현재 객체에 저장된 속성들의 이름들을 Enumeration 형태로 가져옴
Enumeration getattributenames()

// 문자열 name에 해당하는 속성을 삭제
void removeAttribute(String name)


// 문자열 name에 해당항는 속성 값을 String 형태로 얻어옴
String getParameter(String name)

// 여러 값 전달 시 사용 (ex. checkbox)
String[] getParameterValues(String name)

web page 이동

	forward(request, response)	sendRedirect(location)
이동 범위	동일 서버(project) 내 경로	동일 서버 포함 타 URL 가능 ex www.naver.com 도 가능!
location bar	기존 URL 유지 (실제 이동되는 주소 확인 불가)	이동하는 page로 변경
객체	기존의 request와 response가 그대로 전달	기존의 request와 response는 소멸되고, 새로운 request와 response 생성
속도	비교적 빠름	forward()에 비해 느림
데이터 유지	request의 setAttribute(name, value)를 통해 전달	request로는 data 저장 불가능. session이나 cookie를 이용

// forward
RequestDispatcher dispatcher = request.getrequestdispatcher(path);
dispatcher.forward(request, response);

// sendRedirect
response.sendRedirect(location);

Servlet 실습

controller 역할은 servlet이 !

view 역할은 jsp가 해주고 있음을 확인해보자.

✅ servlet을 호출할 JSP(HTML) 화면 ( regist.jsp )

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>사용자정보사이트</title>
<style>
	label {
		display: inline-block;
		width: 80px;
	}
</style>
</head>
<body>
	<h1>사용자 관리</h1>
	<form method="post" action="main">
		<fieldset>
		<legend>사용자 정보 입력</legend>
		<!-- front-controller pattern에서 요청을 구분하기 위한 parameter -->
		<input type="hidden" name="action" value="regist">
		<label for="id">아이디</label>
		<input type="text" id="id" name="id" value="hong"><br>
		<label for="password">비밀번호</label>
		<input type="password" id="password" name="password" value="1234"><br>
		<label for="name">이름</label>
		<input type="text" id="name" name="name" value="홍길동"><br>
		<label for="email">이메일</label>
		<input type="email" id="email" name="email" value="hong@email.com"><br>
		<label for="age">나이</label>
		<input type="number" id="age" name="age" value=21><br>
		<input type="submit" value="등록">
		<input type="reset" value="초기화">
		</fieldset>
	</form>
</body>
</html>

✅ 호출될 servlet

import java.io.IOException;

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

//이 서블릿이 호출되기 위해서는 url 상에 http://server_ip:port/context_name/main 이 필요함
@WebServlet("/main")
public class MainServlet extends HttpServlet {

	private static final long serialVersionUID = 1L;

	
    /**
     * get 방식의 요청에 대해 응답하는 메서드
     * front controller pattern을 적용하기 위해 내부적으로 process를 호출
     */
	protected void doGet(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		process(request, response);
	}
	
	
    /**
     * post 방식의 요청에 대해 응답하는 메서드
     * front controller pattern을 적용하기 위해 내부적으로 process를 호출
     */
    protected void doPost(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        // post 요청 시 한글 파라미터의 처리를 위해 encoding을 처리한다.
        request.setCharacterEncoding("utf-8");
        process(request, response);
    }
	
    /**
     * request 객체에서 action 파라미터를 추출해서 실제 비지니스 로직 메서드(ex: doRegist) 호출
     */
	private void process(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		String action = request.getParameter("action");
		switch (action) {
		case "regist":
			doRegist(request, response);
			break;
		}
	}
	
    /**
     * 클라이언트에서 전달된 request를 분석한 결과를 regist_result.jsp에서 볼 수 있도록 함
     * RequestDispatcher를 사용해서 regist_result.jsp로 forward한다.
     * 
     * @param request
     * @param response
     * @throws ServletException
     * @throws IOException
     */
	private void doRegist(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		// request 객체에서 전달된 parameter를 추출
		String id = request.getParameter("id");
		String password = request.getParameter("password");
		String name = request.getParameter("name");
		String email = request.getParameter("email");
		// 문자열로 전달된 age는 숫자로 변환
		int age = Integer.parseInt(request.getParameter("age"));
		
		// 전달받은 파라미터를 request에 담음
		request.setAttribute("id", id);
		request.setAttribute("password", password);
		request.setAttribute("name", name);
		request.setAttribute("email", email);
		request.setAttribute("age", age);
		
		// reuqest에 담은 정보들을 결과 페이지에 넘겨줌
		RequestDispatcher disp = request.getRequestDispatcher("/regist_result.jsp");
		disp.forward(request, response);
		
	}
}

✅ servlet이 넘겨줄 JSP(HTML) 화면 ( regist_result.jsp )

<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>사용자 등록 결과</title>
<style>
table {
	border-collapse: collapse;
	width: 100%;
}

th, td {
	border: 1px solid black;
}

th:nth-child(1) {
	width: 120px;
}
</style>
</head>
<body>
	<h1>사용자 등록 결과</h1>
	<h2>등록된 사용자 정보</h2>
	<%-- 테이블 내에서 User의 내용을 출력하기 위해 expression tag를 사용 --%>
	<table>
		<thead>
			<tr>
				<th>항목</th>
				<th>내용</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>아이디</td>
				<td><%=request.getParameter("id")%></td>
			</tr>
			<tr>
				<td>비밀번호</td>
				<td><%=request.getParameter("password")%></td>
			</tr>
			<tr>
				<td>이름</td>
				<td><%=request.getParameter("name")%></td>
			</tr>
			<tr>
				<td>이메일</td>
				<td><%=request.getParameter("email")%></td>
			</tr>
			<tr>
				<td>나이</td>
				<td><%=request.getParameter("age")%></td>
			</tr>
		</tbody>
	</table>
	<!-- 다시 사용자를 등록할 수 있는 링크를 제공 -->
	<a href="regist.jsp">추가등록</a>
</body>
</html>

💡 Servlet과 JSP 비교

공통점
- 웹 페이지를 동적으로 생성하는 서버 프로그램

차이점
- Servlet : Java 코드 내 HTML
- JSP : HTML 내 Java 코드

Servlet + JSP

최근에는 Servlet과 JSP를 함께 사용하여 웹을 구현하는 MVC패턴의 Model 2 방식이 주로 사용되고 있음

View → HTML이 주로 사용되기 때문에 JSP를 사용
Controller → Java가 주로 사용되기 때문에 Serlvet으로 작성

저작자표시

'WEB > back-end' 카테고리의 다른 글

Interceptor (0)	2023.04.22
AOP(Aspect Oriented Programming, 관점 지향 프로그래밍) (0)	2023.04.22
Spring (0)	2023.04.21
JDBC를 이용한 DB 연결 (MySQL) (0)	2023.03.24
DAO, DTO, Entity 란? (0)	2023.03.22

Servlet

Servlet Life-Cycle

init()

service()

destroy()

HttpServlet

Servlet 실습

JSP (Java Server Page)

JSP Scriptlet

선언

스크립트릿

표현식

주석

JSP 기본 객체

공통 method

web page 이동

Servlet 실습

Servlet + JSP

'WEB > back-end' 카테고리의 다른 글

검색 태그

티스토리툴바