(72)[Web]8일차: ■ 웹 어플리케이션 ■, ■ JSP(Java Server Pages) ■, F_WebApp04>Test001~004, web.xml

1. 2023.12.6(수)

■■■ 웹 어플리케이션 ■■■

 

/* **
!!!동적으로 페이지를 생성하기위한 것!!!

동적으로 페이지 그리는 것 servlet
jsp 만 다룬 책은 없음-> servlet 과 함께 다룸

결과적으로 jsp를 쓰지만, 내부적으로는 servlet 이 돌아감
- jsp -> html 이 java를 품고있음
- servlet -> java 가 html 을 품고 있음
** */

 

○ 웹 어플리케이션의 개념

    웹 어플리케이션은 웹 브라우저의 요청에 대하여 처리한 결과를 보여주는 프로그램을 의미한다.

    사용자가 어떤 상태로 무엇을 요청했으냐에 따라 스스로 판단하여 자동으로 각각의 요청에 대한 처리 결과를 보여주

는 프로그램이다.

○ 웹 어플리케이션의 구성요소

    1. 웹 브라우저

        - 인터넷 익스플로러, 크롬, 파이어폭스, 오페라, 사파리, ...

    2. 웹 서버(WAS: Web Application Server)

        -  웹 서버란 웹 브라우저를 이용하여 World Wide Web 을 사용하는 클라이언트에게

            미리 저장된 하이퍼텍스트(Hyper Text)를 제공하는 서버이다.

        - 대표적으로는 MS 기반 IIS 서버와 유닉스 기반의 아파치 서버 등이 있다.

 

    3. 어플리케이션 서버

        - 처리 결과 값을 웹 서버에 전달

        - 클라이언트가 어떤 페이지를 요청했느냐에 따라 그 문서를 동적으로 만들어 전달

        - JSP, Servlet 등으로 동적 웹 페이지 구축

 

    4. 데이터베이스

        - 데이터 저장 및 처리

 

○ 웹 어플리케이션의 구분

    1. 어플리케이션 서버 방식

        - 웹 어플리케이션 서버를 통해 간접적으로 웹 어플리케이션 프로그램을 실행한다.

        - 대용량 처리에 유리하며, CGI(Common Gateway Inerface)방식에 비해 메모리 사용량이 적다.

/* cgi -> 한글프로그램을 A가 열었다가 다음사람이 열었던 것과 같이.. */

    2. 스크립트 방식

        - 코드 형태: 컴파일 되지 않은 스크립트 코드

        - 실행 방식: 스크립트 코드를 해석한 뒤 실행

        - 코드 변경: 스크립트 코드만 수정

 

○ 웹 어플리케이션

    1. Servlet(Server + Appleet)

      - SUN 사에서 내놓은 기술로서 JAVA 라는 언어를 기반으로 하여 동적인 컨텐츠를 생성하는 기술.

        JAVA 라는 코드안에 HTML 태그가 혼재되어 있어 효율성이 다소 떨어질 수 있다.

        -> JAVA 가 HTML을 품고 있는 형태. (확장자는 .java -> .class)

 

    2. JSP(Java Server Page)

      - JSP 또한 JAVA 라는 언어를 기반으로 하여 만들어진 것이지만, ASP, PHP 처러 동저인 컨텐츠를 생성하기 위해

        스크립트 언어 형식으로 프로그램을 작성할 수 있어서 개발자에게 비교적 쉬운 개발을 할 수 있게 한다.

        사용자에게 직접 태그를 정의해서 하용할 수 있는 사용자 정의 태그를 지정하고 있는 기능도 갖고 있다.

        -> HTML 이 JAVA 를 품고 있는 형태. (확장자는 .jsp -> .html)

---

 

 

■■■ JSP(Java Server Pages) ■■■

 

1. JSP(Java Server Pages): 웹 프로그램 작성 언어의 한 종류

 

2. JSP(Java Server Pages)는 동적(Dynamic)인 웹 페이지를 비교적 간단히 만들 수 있는 방법을 제공하는

    자바를 기반으로 하고 있는 스크립트(Server Side Script)로

    자바 엔터프라이즈 어플리케이션에서 UI(User Interface) 영역을 담당하고 있다.

 

3. JSP(Java Server Pages)는 자바의 서버 환경에서 사용하는 스크립트 방식의 언어로 단일 스레디로 클라이언트의 요청에 서비스한다.

    요청이 있을 때마다... 즉, 객체가 생성될 때 마다...

    프로세스를 생성하는 기존의 CGI와 는 달리 하나의 메모리를 공유하면서 서비스되는 원리를 갖고 있다.
    이러한 원리는 서버측 부하를 줄여주며, JSP 내부에는 보여준느 코드만 작성하고 직접 작업하는 부분은 자바 빈으로 구성하여 둘을 분리할 수 있다.

    이는 서로 영향을 주지 않으면서 수정할 수 있는 장점을 취하며, JAVA 가 갖고 있는 장점인 재상용 성을 높일 수 있게 한다.

   

클라이언트 <------------------------> 서버
HTML, CSS, Javascript <------------> JSP(JAVA)
브라우저(IE, CR, FF 등) <-----------> 웹서버(톰캣), 오라클
요청 <----------------------------> 응답(HTML 웹 페이지)

 

 

4. JSP 실행 구조

    1단계. 웹클라이언트에서 웹 서서에 웹 프로그램(페이지) 요청.

 

    2단계. 웹 서버에서 웹 클라이언트가 요청한 JSP 프로그램(페이지) 로드.

    3단계. JSP 페이지에 대한 변환 실행

         (※ 이 과정에서 일반 『.java』 인 파일로 변환된다. 『-> Servlet』)

    4단계. 『.java』 인 파일로 변환된 Sevlet 의 컴파일(.class) 및 실행.

    5단계. 실행 결과로 동적 생성된 HTML Document 를 클라이언트 측에 응답.

    6단계. 웹 클라이언트는 응답받은 HTML Document 를 브라우저에서 웹 페이지 형태로 출력

 

 

5. 이클립스 JSP 개발 환경 구축

    

    1) 프로젝트(new) 생성 시 『Dynamic Web Project』 선택

    2) 프로젝트 명 입력 시 식별자 작성 규칙을 준수

        원래 규칙에 따르면 『JspTest001.jsp』와 같이 명명해야 하지만,

        클라이언트 측에서 (대소문자 구분 없이) 좀 더 편하게 사용할 수 있도록

        일단 지금은(당분간은) 『japtest001.jsp』와 같이 명명한다.

    3) Target Runtime 지정 -> 톰캣 설치 디렉터리 연결

    4) 프로젝트 생성 후에는 Server 탭에서 톰캣 서버 등록

        (단, 서버에 새로 등록했을 경우 서버 관련 설정을 재구성)

    5) 톰캣 서버에 프로젝트 등록 -> add and remove

    6) 톰캣 서버 시작(재시작)

        ※ 이 시점에서...

            포트번호 설정 및 확인 필요

            (오라클이 웹 상에서 port 8080 을 사용하기 때문에 충돌 방지)

            『Project Explorer』 의 『Server』 디렉터리 노드를 확장하면

            『server.xml』 파일이 존재하며, 이 파일을 열어 63 ~ 65 정도 라인의 내용을 수정한다.

 

           

<Connector UIRIEncoding="UTF-8" ... port="3306" />

                       --------------------     ----------

                        ↑ 추가 삽입              ↑ 수정(기본 8080)

        ※ xml 파일을 수정한 후에는 반드시 서버를 재시작 해야 한다.          check~!!!

 

    7) JSP 페이지 작성(확장자 『.jsp』)

        -> WebContent 디렉터리 하위에 작성

        ※ 페이지 자성 전에 Encoding 방식을 체크 및 설정한다. (UTF-8)

        ※ JSP 기본 페이지의 템플릿을 HTML5 기반으로 수정한여 설정한다. (기본 HTML 4.01)

 

    8) 톰캣 서버가 실행되고 있는 상태에서 

        웹 브라우저의 URL 주소창에 다음과 같은 주소를 요청한다. (클라이언트 입장)

 

     

        http://서버주소:포트번호/프로젝트이름/파일이름.jsp
        http://localhost:3306/WebApp04/jsptest001.jsp
             -----------
             127.0.0.1

        ※ 원격 접속인 경우 localhost(127.0.0.1) 대신 목적지 서버의 IP Adress 를 작성해야 한다.

 

○ jsp 구성 요소

    1. 디렉티브(지시어)

      - 페이지에 대한 설정 정보 지정. 클래스 속성을 변경.

        <%@  %>

      · Page

        페이지에 대한 기본 정보 입력 (생성하는 문서의 타입, 출력 버퍼의 크기, 에러 페이지 등)

        현재 문서를 나타내는 객체

        page 디렉티브는 JSP 페이지와 관련된 속성을 정의하고 이 속성들은 웹 컨테이너에 정보를 제공한다.

        또한, 한 페이지에 page 디렉티브는 여러 번 등장 할 수 있고 위치도 관계 없다.

        하지만 보통 페이지 상단에 기술한다.

        주요속성

        - language: 스크립트 코드에서 사용되는 프로그래밍 언어 지정
        - contentType: 생성할 문서 타입

        - import: 사용할 자바 클래스 지정

        - session: 세션 사용 여부 지정

        - buffer: 출력 버퍼 크기 지정

        - autoFlush: 출력 버퍼가 다 채워졌을 경우 자동으로 버퍼에 있는 데이터를 비우게 만들지의 여부 지정

        - info: 페이지에 대한 설명

        - errPage: 실행 도중 에러 발생 시 보여줄 페이지 지정

        - pageEncoding: 페이지 자체의 캐릭터 인코딩 지정

      · tablib
        태그 라이브러리(tag library)

        사용자가 만든 태그 모음(사용자가 직접 기능 설정)

      · include

        다른 문서를 포함하는 기능

        여러 JSP 페이지에서 공통적으로 포함하는 내용이 있을 때 이러한 내용을 매번 반복해서 입력하지 않고 

        별도의 파일에 저장해 두었다가 JSP 파일에 삽입되도록 하는 것 -> 생산성 향상

        include 디렉티브 처리 과정은

        정적으로 include 지시자를 사용한 JSP 페이지가 컴파일 되는 과정에서 include 되는 JSP 페이지 소스 내용을 그대로 포함해서 컴파일 한다.

        즉, 복사& 붙여넣기 방식으로 두 개의 파일을 하나로 구성한 후 같이 변화되고 컴파일 된다.

    2. 스크립트 요소

      - 스크립트 릿(Scriptlet)... 스크립 릿...스크립틀릿...

        JSP에 자바 코드를 기술

        <% %>

        JSP 문서 내에 JAVA 코드를 기술하는 부분이기 때문에 오로지 자바 코드만 올 수 있다.

        스크립트 릿에 선언되 변수는 지역 변수의 성격을 가지게 되며

        (서블릿 안에 있는 service() 메소드 안에 선언된 변수이므로...)

        자바에서 메소드 내에 선언된 변수라고 할 수 있다.

 

      - 표현식(Expression)
        HTML 문서 결과값이 포함시키고자 할때 사용
        <%= %>
        (즉, 브라우저에 등장시킬 수 있는 영역)

      - 선언부(Declaration)
        스크립트릿이나 표현식에서 사용할 수 있는 함수 작성 시 사용.
        <%! %>

        스크립트 릿이나 표션식에서 사용할 수 있는 변수나 메소드를 정의하는
        부분이기 때문에 선언부에서 선언된 변수는 서블릿으로 변환되는 과정에서
        멤버 변수의 입장을 취하게 되며 전역 변수의 성격을 가진다.
        또한, 『_jspInit()』, 『_jspDestory()』 와 같은 생명주기 운영을 위해 메소드를 재정의 할 수 있다.

---

F_WebApp04

ㄴ C:\WebStudy\WebApp04\WebContent

ㄴㄴjsptest001.jsp_디렉티브 영역, 스크립 릿 영역

<%@ page contentType="text/html; charset=UTF-8"%>
<!-- ** 디렉티브영역, page, 텍스트로 작성된 html, utf-8 ** -->

<!-- **
	생긴모양은 html과 유사하지만, 다른 문법!
	- html) 만들어서 전달하면 끝
	- jsp) 각 상황에 맞춰 만들어진 설계서를 기준으로 새롭게 만듦
** -->
<%
	//Scriptlet(스크립트릿) 영역
	
	/* 자바가 오기 때문에, 라인단위 주석-블럭단위 주석사용 가능 */
	String name = "김지민";
	name += "은 홍길동이 아니다.";
	
	int result = 10 + 20;
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jsptest001.jsp</title>
</head>
<body>

<div>
	<h1>JSP 관찰하기</h1>
	<hr>
</div>

<div>
	<h2><%=name %></h2>
	<h2><%=result %></h2>
</div>

</body>
</html>

ㄴㄴjsptest002.jsp_『out』 출력 스트림, 『out.println』-> 띄어쓰기,『\n』-> 띄어쓰기,『<br>』 -> 개행

 

<%@ page contentType="text/html; charset=UTF-8"%>
<% 
	// 스크립트 영역-> JSP 에서 JAVA 코드를 기술하는(사용하는) 영역
	int a= 10, b=5, c;
	c = a + b;
	
	//-- 스크립 릿 영역에서 수행된 자바 코드의 실행 결과는
	//	 표현식에 의해 HTML 브라우저 영역에 출력된다.

%>

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jsptest002.jsp</title>
</head>
<body>
<div>
	<h1>JSP 관찰하기</h1>
	<hr>
</div>

<div>
	<!-- 표현식 -->
	<h2>합) <%=a %> + <%=b %> = <%=c %></h2>
</div>
<%
	// 스크립 릿 영역
	
	//※ 『out』 은 내장 객체로서 출력 스트림이다.
	out.print("1) 합: " + a + "+" + b + "="+ c);
	out.println("2) 합: " + a + "+" + b + "="+ c);
	out.println("3) 합: " + a + "+" + b + "="+ c);
	/* ** print, println은 HTML document 영역에서 만들어지므로 개행되지 않음 ** */

	out.println("<br></br>");
	out.println("4) 합" + a + "+" + b + "="+ c);
	out.println("5) 합" + a + "+" + b + "="+ c + "<br>");
	/* ** out.println -> 띄어쓰기 됨  ** */
	
	out.println("<br></br>");
	
	String str = String.format("6) 합: %d + %d = %d", a, b, c);
	out.print(str);
	out.print(str);
	
	out.println("<br></br>");

	/* ** \n -> 띄어쓰기됨 ** */
	str = String.format("7) 합: %d + %d = %d\n", a, b, c);
	out.print(str);
	out.print(str);
	
	out.println("<br></br>");

	/* ** <br> -> 개행됨 ** */
	str = String.format("8) 합: %d + %d = %d<br>", a, b, c);
	out.print(str);
	out.print(str);
	
%>

</body>
</html>

ㄴㄴjsptest003.jsp_『_jspInit()』 메소드, 『_jspDestroy()』 메소드, 『_jspService()』 메소드

 

<%@ page contentType="text/html; charset=UTF-8"%>
<%!
	// ○ 선언부 영역 -> 함수 정의가 가능한 영역
	
	// 선언부에서 선언한 변수 a
	int a = 10;
	
	// 선언부에서 정의한 함수 sum()
	int sum(int x)
	{
		int s=0;
		for (int i=1; i<=x; i++)
			s += i;
		return s;
	}

%>
<%
	// ○ 스크립 릿 영역
	
	// 스크립릿 영역에서 선언한 변수 b
	int b=0;

	a++;
	b++;
%>

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jsptest003.jsp</title>
</head>
<body>
<div>
	<h1>JSP 관찰하기</h1>
	<hr>
</div>

<div>
	<h2>변수의 값 확인</h2>
	<h3>a: <%=a %></h3>
	<h3>b: <%=b %></h3>
</div>

<!-- 
	※ 요청한 페이지(jsptest003.jsp)의 결과를 확인한 후 새로고침을 반복해 보면..
		a 변수(선언부에 선언한 변수) 값만 계속 증가하는 것을 확인할 수 있다.
		a 변수 갑산 계속 증가하는 이유를 확인하기 위해서는
		서블릿(survlet) 코드를 분석해 보아야 한다.
		
		즉, jsptest003.jsp 의 서블릿 코드를 분석해야 한다.
		
		- 경로
		C:\WebStudy\.metadata\.plugins\org.eclipse.wst.server.core
					\tmp0\work\Catalina\localhost\WebApp04\org\apache\jsp
		-----------								  --------
		workspace								  project
		
		- 파일
			jsptest003_jsp.java
			------------	----
			jsp 파일명		서블릿(servlet)의 확장자 -> 컴파일 이전
			
	   ==>> 변수 a는 클래스(jsptest003_jsp)의 전역변수로 선어뇐 것을 확인할 수 있다.
			이는 객체가 소멸되기 전까지는 계속 값이 유지된다는 것을 의미한다.
			변수 b는 메소드(jsptest002_jsp 클래스의 _jspService() 메소드) 내의
			지역변수로 선언된 것을 확인할 수 있다.
			
			『_jspInit()』 메소드와 『_jspDestroy()』 메소드는
			서비스가 시작될 때와 끝날 때 한 번씩만 실행되는 메소드이다.
			반면.. 『_jspService()』 메소드는
			브라우저에 의해 페이지가요청될 때 마다 매번 실행되는 메소드이다.
			
			이로 인해 변수 b는 페이지에 대한 요청이 발생할 때 마다
			새롭게 초기화 되는 과정을 거치게 되는 것이다.
			
			JSP 페이지의 스크립릿 영역에서 선언된 모든 변수는
			이 『_jspService()』 메소드의 지역변수가 된다.
			
			또한, JSP페이지의 선언부영역에서 선언된 모든 변수는
			클래스의 번역변수(인스턴스 변수)가 된다.
			
			JSP 페이지에서 메소드 정의 시
			스크립릿 영역 내부에서는 정의할 수 없다.
			서블릿으로 변환되는 과정에서
			메소드 내부에 또 다른 메소드가 다시 정의되는 상황이 되어버리기때문에
			문법적으로 잘못된 표현이 되는 것이다.
			
			선언부는.. 비록 사용빈도가 낮지만..
			메소드는 선언부 내부에서만 정의할 수 있는 것이다.
		
 -->
</body>
</html>

ㄴㄴjsptest004.java_서블릿 관련 실습(GenericServlet 을 상속받는 클래스로 설계)

Test004.java 생성

파일 위치

GenericServlet이 abstract이므로 override 처리1

GenericServlet이 abstract이므로 override 처리2

GenericServlet이 abstract이므로 override 처리된 결과 화면

작성하는 동안 서버가 적용하느라 메모리 소모되므로, 작성중 잠깐 멈춤

private static final long serialVersionUID = 1L; 만들기 위한 방법

/* ==================
	Test004.java
	- Servlet 실습
=================== */

// 현재... 자바의 기본 클래스 Test004
// 이를... Servlet 으로 구성하는 방법

// GenericServlet 을 상속받는 클래스로 설계 -> Servlet

package com.test;

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

import javax.servlet.GenericServlet;
import javax.servlet.ServletException;
import javax.servlet.ServletRequest;
import javax.servlet.ServletResponse;

//import javax.servlet.Servlet;

//public class Test004 implements Servlet
//public abstract class Test004 extends GenericServlet
public class Test004 extends GenericServlet
{
	private static final long serialVersionUID = 1L;

	// GenericServlet 의 추상메소드 재정의~!!!
	@Override
	public void service(ServletRequest request, ServletResponse response) throws ServletException, IOException
	{
		// 요청에 대한 응답 방법
		response.setContentType("text/html; charset=UTF-8");
		
		try
		{
			// 출력 스트림 구성
			PrintWriter out = response.getWriter();
			
			out.print("<html>");
			out.print("<head>");
			out.print("<title>");
			out.print("Test004.java");
			out.print("</title>");
			out.print("</head>");
			
			out.print("<body>");
			out.print("<div>");
			out.print("<h1>");
			out.print("서블릿 관련 실습");
			out.print("</h1>");
			out.print("<hr>");
			out.print("</div>");
			
			out.print("<div>");
			out.print("<h2>");
			out.print("GenericServlet 클래스를 이용한 서블릿 테스트");
			out.print("</h2>");
			out.print("</div>");

			out.print("</body>");

			out.print("</html>");
			
		} catch (Exception e)
		{
			System.out.println(e.toString());
		}
		
	}

}

 

ㄴㄴ web.xml_작성후 server 재시작!!!

<?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" version="3.1">
  <display-name>WebApp04</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>
  
  <!-- **Servlet 과 Servlet-mapping이 같은 이름이어야 함** -->
  <servlet>
  	<servlet-name>Test004</servlet-name>				<!-- 매핑을 구분하기 위한 이름 -->
  	<servlet-class>com.test.Test004</servlet-class>		<!-- Serlvet 클래스 이름 -->
  </servlet>
  
  <servlet-mapping>
  	<servlet-name>Test004</servlet-name>
  	<url-pattern>/test004</url-pattern>					<!-- Serlvet 대응하는 URL -->
  </servlet-mapping>
  
</web-app>

 

http://localhost:3306/WebApp04/test004

http://localhost:3306/WebApp04/test004