인클루트 디렉티브 태그 정의와 사용법
JSP 페이지로 웹 페이지를 만들다 보면 제목이나 로고를 표시하는 왼쪽 단은 화면이 바뀌더라도 일정하게 유지되는 경우가 많습니다.
JSP에서는 공통으로 사용되는 JSP 페이지를 미리 만들어 놓고 다른 JSP 페이지 요청 시 인클루드 디렉티브 태그를 사용합니다. 그러면 재사용성이 높아질 뿐 아니라 유지관리도 수월해집니다.
인클루드 디렉티브 태그란 여러 JSP 페이지에서 사용되는 공통 JSP 페이지를 만든 후 다른 JSP 페이지에서 공통 JSP 페이지에서 공통 JSP 페이지를 포함시켜 사용하는 기능을 말합니다.
인클루드 디렉티브 태그의 특징은 다음과 같습니다.
- 재사용성이 높다.
- JSP 페이지의 유지관리가 쉽다.
인클루드 디렉티브 태그의 형식은 다음과 같습니다.
<%@ include file="공통기능.jsp" %>
인클루드 디렉티브 태그 이용해 이미지 삽입하기
1. 프로젝트의 webapp에서 마우스 오른쪽 버튼을 클릭한 후 New > Folder를 선택합니다.
2. 폴더 이름으로 image를 입력한 후 Finish을 클릭합니다.
3. 이미지를 복사한 후 images 폴더에 붙여 넣습니다.
4. 다음과 같이 인클루드 디렉티브 태그를 이용해 두 개의 jsp 파일을 작성합니다. duke_image.jsp는 이미지를 화면에 표시하는 기능을 하고, include.jsp는 인클루드 디렉티브 태그를 이용해 duke_image.jsp를 삽입하는 기능을 합니다.
duke_image.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>duke_image</title>
</head>
<body>
<img src="./image/duke.png" />
</body>
</html>
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="duke_image.jsp" %><br>
<h1>안녕하세요. 쇼핑몰 중심 JSP 끝 부분입니다.!!!</h1>
</body>
</html>
5. 브라우저에서 요청하면 include.jsp 안에 duke_inage.jsp가 포함되어 표시됩니다.
6. 윈도 탐색기에서 다음 경로에 들어가면 브라우저에서 include.jsp를 요청할 때 변환된 자바 파일이 생성된 것을 볼 수 있습니다. 자바 파일을 열어보면 인클루드 디렉티브 태그로 포함된 duke_image.jsp와 HTML 태그가 합쳐저 있습니다.
인클루드 디렉티브 태그를 이용해 JSP 페이지를 요청하면 포함되는 duke_imgae.jsp의 자바 코드가 include_jsp.java 파일과 헙쳐져 브라우저로 전송됩니다.
'프로그래밍 언어 > 자바 웹' 카테고리의 다른 글
| 스크립트릿 사용하기 (0) | 2025.09.28 |
|---|---|
| JSP 스크립트 요소 (0) | 2025.09.25 |
| 페이지 디렉티브 태그 사용 예제 (0) | 2025.09.19 |
| JSP 페이지 구성 요소 & 디렉티브 태그 (0) | 2025.09.16 |
| JSP의 3단계 작업 과정 (0) | 2025.09.13 |