1. /WEB-INF 하위에 tags 라는 디렉토리를 만든다.
2. /WEB-INF 하위에 포함할 내용이 들어갈 .tag 확장자를 가진 파일을 만든다. 내 경우에는 jQuery Core 파일과 js 파일을 포함 시켰다.
3. 페이지에 커스텀 태그 라이브러리 taglib 지시자를 설정한다.
4. 페이지에 포함할 태그 라이브러리를 태그를 사용하여 입력한다.
이 내용을 파일로 보면, /WEB-INF/tags/commonScript.tag 라는 파일을 생성하였다.
<script type="text/xxxxjavascript" src="/jquery/jquery-1.7.1.js"></script>
<script type="text/xxxxjavascript" src="/js/test.js"></script>
commonScript.tag라는 태그라이브러리를 페이지에 포함하기 위해 아래와 같이 설정한다.
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="ecg" tagdir="/WEB-INF/tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>태그라이브러리 테스트 첫번째</title>
</head>
<body>
<h3>태그 라이브러리 첫번째 테스트</h3>
<ecg:commonScript/>
</body>
</html>
--> 위 코드에서 보면 알겠지만 commonScript라는 태그이름은 commonScript.tag의 파일명과 동일하다. 보시다시피 코드가 훨씬 깔끔해졌다.