웹 개발 기초/자바 웹을 다루는 기술

JSP 페이지 구성 요소

sungw00 2023. 2. 27. 12:46
728x90

JSP 페이지에서 사용되는 구성요소

  • 디렉티브 태그
  • 스크립트 요소: 주석문, 스크립트릿, 표현식, 언어식
  • 표현 언어
  • 내장 객체(내장 변수)
  • 액션 태그
  • 커스텀 태그

이 중 디렉티브 태그, 스크립트 요소는 JSP가 처음 나왔을 때 많이 사용했던 기능, 그 외 요소들은 JSP에서 추가한 기능들

디렉티브 태그

JSP 페이지에 대한 전반적인 설정 정보를 지정할 때 사용

종류

  • 페이지 디렉티브 태그: JSP 페이지의 전반적인 정보를 설정
  • 인클루드 디렉티브 태그: 공통으로 사용하는 JSP 페이지를 다른 JSP 페이지에 추가
  • 태그라이브 디렉티브 태그: 개발자나 프레임워크에서 제공하는 태그를 사용

페이지 디렉티브 태그 정의와 사용법

속성 기본값 설명
info 없음 페이지를 설명해주는 문자열을 지정
language "java" JSP 페이지에서 사용할 언어를 지정
contentType "text/html" JSP 페이지 출력 형식을 지정
import 없음 JSP 페이지에서 다른 패키지의 클래스를 임포트할 때 지정
session "true" JSP 페이지에서 HttpSession 객체의 사용 여부를 지정
buffer "8kb" JSP 페이지 출력 시 사용할 버퍼 크기를 지정
autoFlush "true" JSP 페이지의 내용이 출력되기 전 버퍼가 다 채워질 경우 동작을 지정
errorPage "false" JSP 페이지 처리 도중 예외가 발생할 경우 예외 처리 담당 JSP 페이지를 지정
isErrorPage "false" 현재 JSP 페이지가 예외 처리 담당 JSP 페이지인지를 지정
pageEncoding "ISO-8859-1" JSP 페이지에서 사용하는 문자열 인코딩을 지정
isELIgnored "true" JSP 2.0 버전에서 추가된 기능으로 EL 사용 유무를 지정

EL: EL(Expression Language)은 자바 빈의 프로퍼티, 값을 JSP의 표현식 <%= %>이나 액션 태그 <jsp:useBean>를 사용하는것 보다 쉽고 간결하게 꺼낼수 있게 하는 기술이다.

또한 static 메소드를 호출할 수도 있는데 JSP에서는 주로 서블릿 보관소(JspContext, ServletRequest, HttpSession, ServletContext)에서 값을 꺼낼 때 사용한다.

 

페이지 디렉티브 형식은 다음과 같이 <%@ page %> 안에 속성과 값을 나열하면 된다.

<%@ page 속성1="값1" 속성2="값2" 속성3="값3".... %>

이클립스에서 JSP 페이지를 만들면 자동으로 페이지 디렉티브 태그가 생성된다.

페이지 디렉티브 태그 사용 예제

// hello2.jsp
<%@ page language="java"
		 contentType="text/html; charset=UTF-8" 
		 import="java.util.*"
		 pageEncoding="UTF-8"
		 session="true"
		 buffer="8kb"
		 autoFlush="true"
		 isThreadSafe="true"
		 info="(ShoppingMall...........)"
		 isErrorPage="false"
		 errorPage="" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>페이지 디렉티브 연습</title>
</head>
<body>
	<h1>쇼핑몰 구현 중심 JSP입니다!!!</h1>
</body>
</html>

JSP 파일이 변환되어 생성된 자바 파일

톰캣 컨테이너에 의해 JSP 파일이 자바 파일로 변환되었다.

hello2_jsp.java 파일의 내용은 모두 페이지 디렉티브에서 설정한 정보가 자바 코드로 변환된 것을 확인할 수 있는데,

 

import 속성도 변환되어 import 문에 추가되었다.

그리고 info 속성이 변환되어 getServletInfo( ) 메서드에서 서블릿 정보를 반환한다.

 

그리고 contentType 속성인 response가 setContentType( ) 메서드의 인자로 변환된다.

 

서블릿에서는 필요한 클래스 파일을 import문을 이용해서 일일이 설정해 주지만, JSP 페이지에서 페이지 디렉티브 태그를 이용해 설정한다. 그리고 페이지 디렉티브 태그는 import 속성을 제외한 다른 속성은 한 번만 선언해 주어야 한다.

hello2.jsp 실행 결과

인클루드 디렉티브 태그 정의와 사용법

페이지의 상단이나 왼쪽단같은 공통되는 화면을 일일이 JSP 페이지마다 만들어 사용한다면 불편함이 존재.

그래서 JSP에서는 공통으로 사용되는 JSP 페이지를 미리 만들어두고 다른 JSP 페이지 요청 시 인클루드 디렉티브 태그를 사용한다. 그러면 재사용성도 높아지고 유지관리도 수월해진다.

 

인클루드 디렉티브 태그란 여러 JSP 페이지에서 사용되는 공통 JSP 페이지를 만든 후 다른 JSP 페이지에서 공통 JSP 페이지를 포함시켜 사용하는 기능을 말한다.

 

인클루드 디렉티브 태그의 특징

  • 재사용성이 높음
  • JSP 페이지의 유지관리가 수월

 

인클루드 디렉티브 태그의 형식

<%@ include file="공통기능.jsp" %>

인클루드 디렉티브 태그 이용해 이미지 삽입하기

1. 이미지를 프로젝트폴더/src/main/webapp/image 폴더에 붙여넣는다.

2. pic_image.jsp 파일 작성

// pic_image.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>pic_image</title>
</head>
<body>
	<img src="./image/pic1.png" />
</body>
</html>

3. include.jsp 파일 작성

// include.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>인클루드 디렉티브</title>
</head>
<body>
	<h1>안녕하세요. 쇼핑몰 중심 JSP 시작입니다!!!</h1><br>
	<%@ include file="pic_image.jsp" %><br>
	<h1>안녕하세요. 쇼핑몰 중심 JSP 끝 부분입니다!!!</h1>
</body>
</html>

4. 브라우저 요청 결과 확인

http://localhost:8090/pro11/include.jsp 요청 결과

브라우저에서 요청하면 include.jsp 안에 pic_image.jsp가 포함되어 표시된다.

pic_image.jsp 페이지가 포함됨

인클루드 디렉티브 태그를 이용해서 JSP 페이지를 요청하면 포함되는 pic_image.jsp의 자바 코드가 include_jsp.java 파일과 합쳐져 브라우저로 전송되기 때문에 실행하는 자바 파일은 단 한 개만 생성된다.

728x90