(82)[Web]18일차: ((JSP)) ■ Servlet(서블릿) ■, F

1. 2023.12.20(수)

■■■ Servlet(서블릿) ■■■

0. 웹 어플리케이션을 구축하기 위한 웹 프로그램을 구성하는 언어의 한 종류.

(JAVA 기반)

1. JSP 에서 정적인 부분을 담당하고, Servlet 에서는 동적인 처리를 위한 부분으로 사용되어 보다 효율적인 웹 어플리케이션을 구축할 수 있다.

    - JSP → 단점. MVC 패턴을 적용하기 힘들다.
    - Servlet → 단점. 웹 페이지(view) 작성이 번거롭고 복잡하다. (불편)
    - Servlet + JSP → MVC 패턴 적용 및 웹 페이지(view)를 보다 편리하게 작성.
                        단점. 구조가 복잡해지게 된다.

2. JSP 는 내부적으로 Web Container 가 Servlet 으로 변경시켜준다.

3. WEB-INF 는 환경 설정 파일이 저장되는 곳

(→ 외부에서는 접근 불가 / 금지) check~!!!

- `lib` : 라이브러리 파일을 저장(ojdbc.jar, jstil.jar 등)

- `J2EE`

- `J2SE`

- `classes` : class 파일이 저장(servlet)

`『classes > com > util > MyUtil.class』`

원래는 이렇게 만들어야 하지만 이클립스가 자동으로 연결

실제 위치는

`『C:\WebStudy\.metadata\.plugins\org.eclipse.wst.server.core\tmp0\work\Catalina\localhost\WebApp20\org\apache\jsp』`

* `.jar` : java

* `.war` : web(프로젝트 아래 모든 것을 압출할 때)

* `.ear` : jar + war

`web.xml` : context path 의 환경 설정

4. `『init()』` 과 `『destory()』`는 단 한 번 호출되며

`『service()』`는 클라이언트의 요청이 있을 때 마다 호출된다.

이제는 JSP를 `『service()』` 메소드 내부에 코딩하는 것과 같다.

5. `『GenericServlet』` 이나 `『HttpServlet』`을 활용한다.

6. URL 패턴을 지정하는 방법은 크게 3 가지 이다.

- `『/a』`

- `『/*』`

- `『.do』`

7. web.xml 을 수정하면 서버를 꼭 재구동한 이후에 실행해야 한다.

8. 지금까지는

JSP(입력) → JSP(처리, 결과) 였으나

JSP 와 함께 Servelet 을 다루게 된 이후에는

`JPS(입력)` → `Servlet(결과를 위한 처리)` → `JSP(결과)` 방식으로 구성된다.

F_WebApp21

ㄴ/WebApp21/src/com/svt

ㄴㄴTest1.java

/* ==================
	Test1.java
=================== */

package com.svt;

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletConfig;
import javax.servlet.ServletContext;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class Test1 extends HttpServlet
{
	private static final long serialVersionUID = 1L;

	// 사용자의 http 프로토콜 요청이 GET 방식일 경우 호출되는 메소드
	@Override
	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException
	{
		doGetPost(request, response);
	}

	// 사용자의 http 프로토콜 요청이 POST 방식을 경우 호출되는 메소드
	@Override
	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException
	{
		doGetPost(request, response);
	}
	 
	// 사용자 정의 메소드
	protected void doGetPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException
	{
		//*** 호출하는 주체와 장소 → 서블릿컨테이너.
		//*** 사용자가 요청하면 처리하는 곳 → web.xml
		
		
		// GET 방식이든 POST 방식이든
		// 어떤 방식의 요청에도 모두 처리할 수 있는 사용자 정의 메소드
		
		
		// ①
		/*
		response.setContentType("text/html; charset=UTF-8");
		PrintWriter pw = response.getWriter();
		
		pw.println("<html>");
		pw.println("<head>");
		pw.println("<title>" + "Test1.java"+ "</title>");
		pw.println("</head>");
		pw.println("<body>");
		pw.println("<div>");
		pw.println("<h1>name: "+ "홍길동" + "</h1>");
		pw.println("<h1>age: "+ 19 + "</h1>");
		pw.println("</div>");
		pw.println("</body>");
		pw.println("</html>");
		*/
		
		// ② // **값을 상단에서 변수 처리**
		/*
		String name = "길현욱";
		int age = 21;
		
		response.setContentType("text/html; charset=UTF-8");
		PrintWriter pw = response.getWriter();
				
		pw.println("<html>");
		pw.println("<head>");
		pw.println("<title>" + "Test1.java"+ "</title>");
		pw.println("</head>");
		pw.println("<body>");
		pw.println("<div>");
		pw.println("<h1>name: "+ name + "</h1>");
		pw.println("<h1>age: "+ age + "</h1>");
		pw.println("</div>");
		pw.println("</body>");
		pw.println("</html>");
		*/
		
		// ③
		/*
		이전의 처리는,
			돌아가고 있는 구조라면 다른 값으로 바꾸고 싶어도(유지보수) 다시 빌드하고 패키지-배포해야함
		하지만 3번의 처리는 java 파일이 아니기 때문에 다시 빌드할 필요가 없고 xml은 그저 텍스트로 된 파일이기 때문에 효율적임
		*/
		
		// 『ServletConfig』
		//-- 컨테이너가 서블릿을 초기화할 때
		//	서블릿 당 하나씩 ServletConfig 을 생성하게 된다.
		ServletConfig config = getServletConfig();
		
		// 『web.xml』 에 『<init-param>』
		String name = config.getInitParameter("name");
		String age = config.getInitParameter("age");
		
		/*
		response.setContentType("text/html; charset=UTF-8");
		PrintWriter pw = response.getWriter();
		
		pw.println("<html>");
		pw.println("<head>");
		pw.println("<title>" + "Test1.java"+ "</title>");
		pw.println("</head>");
		pw.println("<body>");
		pw.println("<div>");
		pw.println("<h1>name: "+ name + "</h1>");
		pw.println("<h1>age: "+ age + "</h1>");
		pw.println("</div>");
		pw.println("</body>");
		pw.println("</html>");
		*/
		
		// ④
		
		// 『ServletContext』
		//-- ServletConfig 는 서블릿에 대한 환경을 설정하는 과정에서
		//	필요한 값들을 전달하는 형태로 주로 사용된다면..
		//	ServletContext 는 서블릿에서 사용되는 컨텍스트를
		//	구성하는 형태로 활용된다.
		ServletContext context = getServletContext();
		
		String type = context.getInitParameter("type");
		
		response.setContentType("text/html; charset=UTF-8");
		PrintWriter pw = response.getWriter();
		
		
		pw.println("<html>");
		pw.println("<head>");
		pw.println("<title>" + "Test1.java"+ "</title>");
		pw.println("</head>");
		pw.println("<body>");
		pw.println("<div>");
		pw.println("<h1>name: "+ name + "</h1>");
		pw.println("<h1>age: "+ age + "</h1>");
		
		pw.println("<h1>age: "+ type + "</h1>");	// 추가
		
		pw.println("</div>");
		pw.println("</body>");
		pw.println("</html>");
		
	}
}

ㄴ/WebApp21/WebContent/WEB-INF/lib

ㄴㄴweb.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://xmlns.jcp.org/xml/ns/javaee" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd" id="WebApp_ID" version="3.1">
	<display-name>WebApp00</display-name>
	<welcome-file-list>
	  <welcome-file>index.html</welcome-file>
	  <welcome-file>index.htm</welcome-file>
	  <welcome-file>index.jsp</welcome-file>
	  <welcome-file>default.html</welcome-file>
	  <welcome-file>default.htm</welcome-file>
	  <welcome-file>default.jsp</welcome-file>
	</welcome-file-list>
  
  
	<!-- Test1 클래스  → Servlet 구성 ① -->
	<!-- 
	<servlet>
		<servlet-name>lys</servlet-name>
		<servlet-class>com.svt.Test1</servlet-class>
	</servlet>
	
	<servlet-mapping>
		<servlet-name>lys</servlet-name>
		<url-pattern>/test1</url-pattern>
	</servlet-mapping>
	 -->
	
	
	<!-- Test1 클래스  → Servlet 구성 ② -->
	<!-- 
	<servlet>
		<servlet-name>lys</servlet-name>
		<servlet-class>com.svt.Test1</servlet-class>
	</servlet>
	
	<servlet-mapping>
		<servlet-name>lys</servlet-name>
		<url-pattern>/test1</url-pattern>
	</servlet-mapping>
	 -->
	
	
	<!-- Test1 클래스  → Servlet 구성 ③ -->
	 
	<servlet>
		<servlet-name>lys</servlet-name>
		<servlet-class>com.svt.Test1</servlet-class>
		<init-param>
			<param-name>name</param-name>
			<param-value>최혜인</param-value>
		</init-param>
		<init-param>
			<param-name>age</param-name>
			<param-value>21</param-value>
		</init-param>
	</servlet>
	
	<servlet-mapping>
		<servlet-name>lys</servlet-name>
		<url-pattern>/test1</url-pattern>
	</servlet-mapping>
	
	<!-- Test1 클래스  → Servlet 구성 ④ 추가 -->
  	<context-param>
  		<param-name>type</param-name>
  		<param-value>유머러스</param-value>
  	</context-param>
  
	<!-- ****************************************************************** -->
  
	<!-- Test2 클래스  → Servlet 구성 -->
	
	<servlet>
		<servlet-name>test2servlet</servlet-name>
		<servlet-class>com.svt.Test2</servlet-class>
	</servlet>
	
	<servlet-mapping>
		<servlet-name>test2servlet</servlet-name>
		<url-pattern>/abc</url-pattern>
	</servlet-mapping>
	
	
</web-app>

ㄴㄴTest2.jsp

/* ==================
	Test1.java(Test2_ok.jsp)
=================== */

package com.svt;

import java.io.IOException;
import java.io.PrintWriter;

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

public class Test2 extends HttpServlet
{
	private static final long serialVersionUID = 1L;

	// 사용자의 http 프로토콜 요청이 GET 방식일 경우 호출되는 메소드
	@Override
	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException
	{
		doGetPost(request, response);
	}

	// 사용자의 http 프로토콜 요청이 POST 방식을 경우 호출되는 메소드
	@Override
	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException
	{
		doGetPost(request, response);
	}
	 
	// 사용자 정의 메소드
	protected void doGetPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException
	{
		// GET 방식이든 POST 방식이든
		// 어떤 방식의 요청에도 모두 처리할 수 있는 사용자 정의 메소드
		
		// 서블릿 관련 코딩
		
		// 이전 페이지(Test2.jsp)로 부터 넘어온 데이터 수신
		// → name, age
		
		// 한글 깨짐 방지 인코딩 처리
		request.setCharacterEncoding("UTF-8");
		
		// 데이터 수신
		String name = request.getParameter("name");
		String age = request.getParameter("age");
		
		// 업무 처리
		String str = "이름은 [" + name + "]이며, 나이는 [" + age + "]세 입니다.";
		
		// 처리한 업무 넘기기
		request.setAttribute("result", str);
		//-- 포워딩하는 페이지에 값을 넘기기 위한 준비(설정)
		//	즉, str 값을 result 라는 이름으로 Test2_result.jsp 페이지로
		//	넘기기 위한 준비
		
		// 포워딩
		RequestDispatcher dispatcher = request.getRequestDispatcher("/Test2_result.jsp");
		dispatcher.forward(request, response);
		
	}
}

ㄴㄴTest2.java(Test2_ok.jsp)

ㄴ/WebApp21/WebContent

ㄴㄴTest2_result.jsp

<%@ page contentType="text/html; charset=UTF-8"%>
<%
	request.setCharacterEncoding("UTF-8");
	String cp = request.getContextPath();
%>
<%
	String result = (String)request.getAttribute("result");
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Test2_result.jsp</title>
<!-- <link rel="stylesheet" type="text/css" href="css/main.css"> -->
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>

<div>
	<h1>최종 결과값 수신</h1>
	<hr />
</div>

<div>
	<!-- <h2>결과 처리</h2> -->
	<h2><%=result %></h2>
</div>

</body>
</html>

ㄴㄴTest2.jsp

<%@ page contentType="text/html; charset=UTF-8"%>
<%
	request.setCharacterEncoding("UTF-8");
	String cp = request.getContextPath();
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Test2.jsp</title>
<!-- <link rel="stylesheet" type="text/css" href="css/main.css"> -->
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body class="section">

<div>
	<h1>서블릿에서 데이터 흐름</h1>
	<hr />
</div>

<div class="layout">
	<form action="<%=cp%>/abc" method="post">
		<ul class="input_box">
			<li>
				이름<input type="text" name="name" class="txt" /><br />
			</li>
			<li>
				나이<input type="text" name="age" class="txt" /><br />
			</li>
		</ul>
		
		<div class="btn_box">
			<button type="submit" class="btn">확인</button>
		</div>
	</form>
</div>

</body>
</html>

'📝 배우고 익히기 + > Web' 카테고리의 다른 글

(84)[Web]20일차: ((JSP)) ■ 모델2 기반의 MVC 패턴 ■, F_WebApp24~28 (1)	2023.12.22
(83)[Web]19일차: ((JSP)) ■ EL과 JSTL ■, F_WebApp22, ■ DBCP(DataBase Connection Pool) ■, F_WebApp23 (1)	2023.12.21
(81-82)[Web]17-18일차: ((JSP))🧨🎉✨ F_WebApp20(■ JDBC 연동 게시판 작성 실습 ■)✨🎉🧨 (0)	2023.12.19
(80)[Web]16일차: ((JSP)) ■ JSP 액션 태그(JSP Action Tag) ■, F_WebApp16~19 (5)	2023.12.18
(79)[Web]15일차: ((JSP))■ 쿠키(Cookie)와 세션 ■, F_WebApp13, F_WebApp14, F_WebApp15, ■ Emmet(에밋) ■, F_EmmetApp (0)	2023.12.15

🍀보통 기록합니다💭

(82)[Web]18일차: ((JSP)) ■ Servlet(서블릿) ■, F_WebApp21

1. 2023.12.20(수)

■■■ Servlet(서블릿) ■■■

0. 웹 어플리케이션을 구축하기 위한 웹 프로그램을 구성하는 언어의 한 종류.

1. JSP 에서 정적인 부분을 담당하고, Servlet 에서는 동적인 처리를 위한 부분으로 사용되어 보다 효율적인 웹 어플리케이션을 구축할 수 있다.

2. JSP 는 내부적으로 Web Container 가 Servlet 으로 변경시켜준다.

3. WEB-INF 는 환경 설정 파일이 저장되는 곳

- `lib` : 라이브러리 파일을 저장(ojdbc.jar, jstil.jar 등)

- `J2EE`

- `J2SE`

- `classes` : class 파일이 저장(servlet)

4. `『init()』` 과 `『destory()』`는 단 한 번 호출되며

5. `『GenericServlet』` 이나 `『HttpServlet』`을 활용한다.

6. URL 패턴을 지정하는 방법은 크게 3 가지 이다.

- `『/a』`

- `『/*』`

- `『.do』`

7. web.xml 을 수정하면 서버를 꼭 재구동한 이후에 실행해야 한다.

8. 지금까지는

F_WebApp21

ㄴ/WebApp21/src/com/svt

ㄴㄴTest1.java

ㄴ/WebApp21/WebContent/WEB-INF/lib

ㄴㄴweb.xml

ㄴㄴTest2.jsp

ㄴㄴTest2.java(Test2_ok.jsp)

ㄴ/WebApp21/WebContent

ㄴㄴTest2_result.jsp

ㄴㄴTest2.jsp

'📝 배우고 익히기 + > Web' 카테고리의 다른 글

티스토리툴바

(82)[Web]18일차: ((JSP)) ■ Servlet(서블릿) ■, F_WebApp21

1. 2023.12.20(수)

■■■ Servlet(서블릿) ■■■

0. 웹 어플리케이션을 구축하기 위한 웹 프로그램을 구성하는 언어의 한 종류.

1. JSP 에서 정적인 부분을 담당하고, Servlet 에서는 동적인 처리를 위한 부분으로 사용되어 보다 효율적인 웹 어플리케이션을 구축할 수 있다.

2. JSP 는 내부적으로 Web Container 가 Servlet 으로 변경시켜준다.

3. WEB-INF 는 환경 설정 파일이 저장되는 곳

- `lib` : 라이브러리 파일을 저장(ojdbc.jar, jstil.jar 등)

- `J2EE`

- `J2SE`

- `classes` : class 파일이 저장(servlet)

4. `『init()』` 과 `『destory()』`는 단 한 번 호출되며

5. `『GenericServlet』` 이나 `『HttpServlet』`을 활용한다.

6. URL 패턴을 지정하는 방법은 크게 3 가지 이다.

- `『/a』`

- `『/*』`

- `『.do』`

7. web.xml 을 수정하면 서버를 꼭 재구동한 이후에 실행해야 한다.

8. 지금까지는

F_WebApp21

ㄴ/WebApp21/src/com/svt

ㄴㄴTest1.java

ㄴ/WebApp21/WebContent/WEB-INF/lib

ㄴㄴweb.xml

ㄴㄴTest2.jsp

ㄴㄴTest2.java(Test2_ok.jsp)

ㄴ/WebApp21/WebContent

ㄴㄴTest2_result.jsp

ㄴㄴTest2.jsp

'📝 배우고 익히기 + > Web' 카테고리의 다른 글

관련글

티스토리툴바