JSP 태그

•

스크립트 태그 : JSP 에서 자바코드를 실행하기 위해 사용하는 태그

•

디렉티브 태그 : JSP 페이지의 속성과 구성을 설정하는 태그

•

액션 태그 : JSP 페이지에서 특정 작업을 수행하는 태그

스크립트 태그

•

선언문 :  <%!  코드 %>        : 변수나 메소드 정의

•

스크립틀릿 : <%  코드 %>   : 자바 코드 로직

•

표현문 : <%= 코드 %>         : 변수, 계산 수식, 메소드 호출

태그	형태	의미
선언문	<%! %>	변수 선언 O, 메소드 정의 O
스크립틀릿	<% %>	변수 선언 O, 메소드 정의 X
표현문	<%= %>	변수 사용, 수식 계산, 메소드 호출

선언문 변수 선언 VS 스크립틀릿 변수 선언

•

선언문에서 변수를 선언 :  서블릿으로 변환 시, _jspService() 메소드 외부에 선언

•

스크립틀릿 변수 선언 : 서블릿으로 변환 시, _jspService() 메소드 내부에 선언

디렉티브 태그

태그	형식	의미
page	<%@ page … %>	JSP 페이지에 대한 정보 설정
include	<%@ include … %>	외부 JSP 페이지를 페이지 내부로 포함시킴
taglib	<%@ taglib … %>	JSP 페이지에서 사용할 태그 라이브러리를 설정

page 디렉티브 태그

속성 (Attribute)	설명	기본값
language	JSP 페이지에서 사용할 스크립트 언어를 설정합니다.	java
contentType	응답의 콘텐츠 타입과 문자 인코딩을 설정합니다.	text/html
pageEncoding	JSP 페이지의 문자 인코딩을 설정합니다.	ISO-8859-1
import	다른 클래스나 패키지를 JSP 페이지로 가져옵니다.
session	true 또는 false 값을 가집니다. true로 설정하면 JSP 페이지에서 세션을 사용할 수 있습니다.	true
buffer	버퍼 크기를 설정합니다.	8KB
autoFlush	true 또는 false 값을 가집니다. true로 설정하면 버퍼가 가득 차면 자동으로 출력됩니다.	true
isThreadSafe	true 또는 false 값을 가집니다. true로 설정하면 JSP 페이지가 스레드 안전하게 처리됩니다.	true
info	JSP 페이지에 대한 설명을 제공합니다.
errorPage	오류 페이지로 이동할 URL을 설정합니다.
isErrorPage	true 또는 false 값을 가집니다. true로 설정하면 이 페이지가 오류 페이지임을 지정합니다.	false
isELIgnored	true 또는 false 값을 가집니다. true로 설정하면 EL (표현 언어)을 비활성화합니다.	false
extends	JSP 페이지의 클래스가 상속하는 클래스를 설정합니다.

pageEncoding 속성

•

한글 출력을 위해 지정해야하는 속성값

◦

UTF-8

◦

EUC-KR

위의 UTF-8, EUC-KR 인코딩 타입이 아닌 기본값 ISO-8859-1 이 적용되어 있으면, 한글이 깨짐

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="ISO-8859-1"%>
HTML
복사

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
HTML
복사

include 디렉티브 태그

: JSP 에 외부 파일을 포함시키는 태그

포함 가능한 파일 : HTML, JSP, TXT 파일 등

실습 파일

•

include.jsp

•

header.jsp

•

footer.jsp

•

copy.txt

include.jsp

<%@page import="java.util.Date"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>include</title>
</head>
<body>
	<%@ include file="include01_header.jsp" %>
	<div class="container">
		<h1>컨텐츠 영역</h1>
		<h3><%= new Date() %></h3>
	</div>
	<%@ include file="include01_footer.jsp" %>
</body>
</html>
HTML
복사

header.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<header>
		<h1>헤더 영역</h1>
	</header>
</body>
</html>
HTML
복사

footer.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<footer>
		<p><%@ include file="copy.txt" %></p>
	</footer>
</body>
</html>
HTML
복사

copy.txt

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
Copyright ⓒ알로하클래스. All Rights Reserved
HTML
복사

taglib 디렉티브 태그

: JSP 에서 JSTL, EL(표현 언어), 커스텀 태그 등 태그 라이브러리를 설정하는 태그

JSTL 태그 라이브러리 사용하기

JSTL (JavaServer Pages Standard Tag Library)

: Java 웹 애플리케이션에서 사용할 수 있는 표준 태그 라이브러리

Tomcat 10 버전 미만에서 사용

Apache Tomcat® - Apache Taglibs Downloads

Welcome to the Apache Taglibs download page. This page provides download links for obtaining the latest version of the Apache Standard Taglib, as well as links to the archives of older releases.

https://tomcat.apache.org/download-taglibs.cgi

JSTL 태그 라이브러리 다운로드

taglibs-standard-compat-1.2.5.jar

taglibs-standard-impl-1.2.5.jar

taglibs-standard-jstlel-1.2.5.jar

taglibs-standard-spec-1.2.5.jar

JSP 프로젝트 에 포함하기

[WEB-INF] > [lib] 폴더에 추가

JSTL 태그 라이브러리 추가하기

JSP 코드 상단에 taglib 디렉티브 태그 추가

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
JavaScript
복사

코드 작성

<%-- taglib 디렉티브 태그 추가 --%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>taglib 디렉티브 - JSTL</title>
</head>
<body>
	<%-- WEB-INF > lib : jstl-xxx-impl.jar 라이브러리 추가 --%>
	<c:forEach var="k" begin="1" end="10" step="1">
		<c:out value="${k}" />
	</c:forEach>
</body>
</html>
JavaScript
복사

Tomcat 10 버전 이상에서 사용

•

jstl

•

jstl-api

•

servlet-api

액션 태그

: 특정 기능을 수행하는 태그

•

forward : 페이지를 이동하는 태그

•

include : 외부 파일을 포함하는 태그

•

param : 다른 페이지로 넘겨줄 파라미터(매개변수)를 지정하는 태그

•

자바빈즈 액션 태그

액션 태그	설명
<jsp:include>	다른 리소스를 현재 페이지에 포함시킵니다.
<jsp:forward>	현재 페이지의 제어를 다른 웹 자원으로 전달합니다.
<jsp:param>	<jsp:include> 또는 <jsp:forward>와 함께 사용하여 매개변수를 설정합니다.
<jsp:useBean>	JavaBeans 객체를 생성하거나 사용합니다.
<jsp:setProperty>	JavaBeans 객체의 속성을 설정합니다.
<jsp:getProperty>	JavaBeans 객체의 속성 값을 가져옵니다.
<jsp:plugin>	브라우저 플러그인을 지원하기 위해 자바 애플릿을 포함합니다.
<jsp:element>	XML 엘리먼트를 생성하고 조작합니다.
<jsp:attribute>	커스텀 태그의 속성을 설정합니다.
<jsp:text>	텍스트 블록을 생성합니다.

forward 액션태그

	<jsp:forward page="이동할파일명.jsp" />
HTML
복사

페이지 이동 방식

•

forward

•

redirect

웹 페이지를 이동하는 방식은 2가지로 나누어 볼 수 있다.

forward 방식

forward : “전달하다”

•

서버 내부에서 요청 경로 A 가 B 로 요청을 전달하며 페이지로 이동하는 방식

•

특징

◦

원래의 요청 정보(request) 및 응답 정보(response)를 그대로 사용

◦

클라이언트는 이동한 페이지 B 를 응답 받지만, 주소 표시줄의 요청 URL 은 그대로임

◦

조회(읽기) 요청을 하는 경우에 주로 사용

redirect 방식

redirect : “다시 지시하다”

•

서버가 요청 경로 A 로 요청을 받은 후, 클라이언트에게 B 로 다시 요청하라고 지시하며 페이지를 이동하는 방식

•

특징

◦

클라이언트가 원래의 요청과 달리 완전히 다른 새로운 요청을 하여, 기존의 요청 정보는 이후의 요청에서는 사용할 수 없음

◦

이동한 화면에서 주소 표시줄의 URL 이 A 에서 B 로 변화됨

◦

등록, 수정, 삭제 요청 시에 주로 사용

실습 파일

•

forward_A.jsp

•

forward_B.jsp

forward_A.jsp

<%@ page contentType="text/html; charset=utf-8"%>
<html>
<head>
<title>Action Tag</title>
</head>
<body>
	<h2>forward A 화면</h2>
	<jsp:forward page="forward_B.jsp" />
	<p>-------------------------------</p>
</body>
</html>
HTML
복사

forward_B.jsp

<%@ page contentType="text/html; charset=utf-8"%>
<html>
<head>
<title>Action Tag</title>
</head>
<body>
	<h2>forward B 화면</h2>
</body>
</html>
HTML
복사

include 액션태그

: 외부 파일을 포함하는 태그

포함 가능한 파일 : HTML, JSP, 서블릿 페이지 등

런타임에 포함되며, 포함되는 JSP 페이지가 현재 페이지와 별개로 독립적으로 실행

<jsp:include page="포함할파일명.jsp" flush="false" />
HTML
복사

실습 파일

•

include_main.jsp

•

include_header.jsp

•

include_footer.jsp

include_main.jsp

<%@page import="java.util.Date"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>include</title>
</head>
<body>
  <jsp:include page="include_header.jsp" flush="false" />
	<div class="container">
		<h1>컨텐츠 영역</h1>
		<h3><%= new Date() %></h3>
	</div>
	<jsp:include page="include_footer.jsp" flush="false" />
</body>
</html>
HTML
복사

include_header.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<header>
		<h1>헤더 영역</h1>
	</header>
</body>
</html>
HTML
복사

include_footer.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<footer>
		<p>헤더 영역</p>
	</footer>
</body>
</html>
HTML
복사

디렉티브 include vs 액션 include

디렉티브 include

•

형식 : <%@ include file="includedPage.jsp" %>

•

포함 시간 : 컴파일 시간

◦

원본 JSP 페이지와 포함되는 JSP 페이지가 하나의 소스 코드로 합쳐져서 컴파일

•

주요 예시 : 페이지의 공통된 헤더나 푸터

•

실행 시간에 포함되지 않으므로 동적으로 내용을 변경할 수 없음

액션 include

•

형식 : <jsp:include page="includedPage.jsp" />

•

포함 시간 : 런타임 시간포함

◦

 JSP 페이지가 현재 페이지와 별개로 독립적으로 실행

•

주요 예시 : 동적 콘텐츠 포함 하는 경우 (페이지별 서로 다른 서브 메뉴 등)

•

실행 시간에 포함되므로 요청에 따라 다른 콘텐츠를 포함시킬 수 있습니다.

디렉티브 태그 include 실습코드

실습파일

•

include_main.jsp

•

include_header.jsp

•

include_footer.jsp

include_main.jsp

<%@page import="java.util.Date"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>디렉티브 태그 - include</title>
</head>
<body>
	<%
		String menu1 = "home";
		String menu2 = "board";
		String menu3 = "gallery";
	%>
	<%-- 디렉티브 태그 include --%>
	<%@ include file="include_header.jsp" %>
	<div class="container">
		<h1>컨텐츠 영역</h1>
		<h3><%=new Date()%></h3>
	</div>
	<%
		String copy = "copyright";
	%>
	<%@ include file="include_footer.jsp" %>
</body>
</html>
HTML
복사

include_header.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<header>
		<h1>헤더 영역</h1>
		<ul>
			<li><a href=""><%= menu1 %></a></li>
			<li><a href=""><%= menu2 %></a></li>
			<li><a href=""><%= menu3 %></a></li>
		</ul>
	</header>
</body>
</html>
HTML
복사

include_footer.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<footer>
		<p>푸터 영역</p>
		<p><%= copy %></p>
	</footer>
</body>
</html>
HTML
복사

결과 화면

액션 태그 include 실습코드

실습파일

•

include_main.jsp

•

include_header.jsp

•

include_footer.jsp

include_main.jsp

<%@page import="java.util.Date"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>액션태그 - include</title>
</head>
<body>
	<%-- 액션태그 include --%>
	<jsp:include page="include_header.jsp" flush="false">
		<jsp:param value="home" name="menu1"/>
		<jsp:param value="board" name="menu2"/>
		<jsp:param value="gallery" name="menu3"/>
	</jsp:include>
	<div class="container">
		<h1>컨텐츠 영역</h1>
		<h3><%=new Date()%></h3>
	</div>
	<jsp:include page="include_footer.jsp" flush="false">
		<jsp:param value="copyright" name="copy"/>
	</jsp:include>
</body>
</html>
HTML
복사

include_header.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>액션태그 - include</title>
</head>
<body>
	<%
		String menu1 = request.getParameter("menu1");
		String menu2 = request.getParameter("menu2");
		String menu3 = request.getParameter("menu3");
	%>
	<header>
		<h1>헤더 영역</h1>
		<ul>
			<li><a href=""><%= menu1 %></a></li>
			<li><a href=""><%= menu2 %></a></li>
			<li><a href=""><%= menu3 %></a></li>
		</ul>
	</header>
</body>
</html>
HTML
복사

include_footer.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>액션태그 - include</title>
</head>
<body>
	<footer>
		<p>푸터 영역</p>
		<p><%= request.getParameter("copy") %></p>
	</footer>
</body>
</html>
HTML
복사

결과 화면

param 액션태그

: 현재 JSP 페이지에서 다른 JSP 페이지로 데이터를 넘겨주기 위한 파라미터를 지정하는 태그

실습 파일

•

param.jsp

•

detail.jsp

param.jsp

<jsp:forward page="detail.jsp">
		<jsp:param name="id" value="ALOHA" />
		<jsp:param name="age" value="20" />
</jsp:forward>
HTML
복사

detail.jsp

아이디 : <%=request.getParameter("id")%>
나이 : <%=request.getParameter("age")%>
HTML
복사

자바빈즈 (JavaBeans)

: 데이터 처리 및 비즈니스 로직을 작성하는 자바 클래스

•

자바빈즈의 조건

◦

Serializable 인터페이스 구현 (객체 직렬화)

◦

기본 생성자

◦

private 멤버 변수

◦

getter/setter 메소드

◦

반드시 패키지 내에 있어야함 (default package 에서는 사용 불가)

자바빈즈를 위한 액션 태그

•

useBean

<jsp:useBean id="자바빈즈 id(객체명)" class="패키지명.클래스명" />
HTML
복사

•

getProperty

<jsp:getProperty property="속성명(변수명)" name="자바빈즈 id(객체명)"/>
HTML
복사

•

setProperty

<jsp:setProperty property="속성명(변수명)" name="자바빈즈 id(객체명)" value="지정할 값"/>
HTML
복사

실습 파일

•

Person.java

•

person01.jsp - 스크립틀릿으로 getter/setter

•

person02.jsp - 액션태그로 getter/setter

Person 자바빈즈

public class Person implements Serializable {

	private static final long serialVersionUID = 1L;
	
	// private 변수
	private String name;
	private int age;
	
	// 기본 생성자
	public Person() {
		this.name = "김조은";
		this.age = 1;
	}

	// getter/setter
	public String getName() {
		return name;
	}

	public void setName(String name) {
		this.name = name;
	}

	public int getAge() {
		return age;
	}

	public void setAge(int age) {
		this.age = age;
	}

	
}
Java
복사

person01.jsp

•

getter/setter

<%-- p1 이름으로 Person 객체 생성 --%>
<jsp:useBean id="p1" class="beans.Person" />
<h3>아이디 : <%= p1.getName() %></h3>
<h3>나이 : <%= p1.getAge() %></h3>

<hr>

<%-- p2 이름으로 Person 객체 생성 --%>
<jsp:useBean id="p2" class="beans.Person" />
<%
	p2.setName("홍길동");
	p2.setAge(20);
%>
<h3>아이디 : <%= p2.getName() %></h3>
<h3>나이 : <%= p2.getAge() %></h3>
Java
복사

person02.jsp

•

액션 태그 get/set

<jsp:useBean id="person" class="beans.Person" />
<h3>이름 : <jsp:getProperty property="name" name="person"/></h3>
<h3>나이 : <jsp:getProperty property="age" name="person"/></h3>

<hr>

<jsp:setProperty property="name" name="person" value="홍길동"/>
<jsp:setProperty property="age" name="person" value="20"/>

<h3>이름 : <jsp:getProperty property="name" name="person"/></h3>
<h3>나이 : <jsp:getProperty property="age" name="person"/></h3>
Java
복사

JSP 내장객체