태그 라이브러리 선언
자바에서 import문을 선언하듯 JSP에서도 JSTL 확장 태그를 사용하려면 taglib 지시자로 라이버리를 선언해야 한다.
JSP 지시자 태그 <%@ taglib %>를 사용해서 다음과 같이 선언한다.
<%@ taglib prefix="접두사" uri="URI" %>
uri : 태그 라이브러리의 네임 스페이스 URI 식별자
prefix : JSTL 태그를 사용할때 태그 이름 앞에 붙일 접두사
다음은 태그 라이브러리 별 표준 선언문이다.
| 태그 라이브러리 | 선언문 |
|---|---|
| Core | <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> |
| XML | <%@ taglib prefix="x" uri="http://java.sun.com/jsp/jstl/xml" %> |
| I18N | <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %> |
| Database | <%@ taglib prefix="sql" uri="http://java.sun.com/jsp/jstl/sql" %> |
| Functions | <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %> |
prefix를 꼭 저렇게 지정해야하는건 아니지만 JSTL에서 제안하는 표준 접두사이므로 똑같이 사용하는게 좋다.
태그 라이브러리 별 태그 정리
| 태그 라이브러리 | 기능 | 태그 - 부모태그(자식태그) |
|---|---|---|
| Core(기본) | 변수 | remove, set |
| 흐름 제어 | choose(when, otherwise) | |
| forEach | ||
| forTokens | ||
| if | ||
| URL 관리 | import(param) | |
| redirect(param) | ||
| url(param) | ||
| 기타 | catch, out | |
| XML | 기본 | out, parse, set |
| 흐름 제어 | choose(when, otherwise) | |
| forEach | ||
| if | ||
| 변환 | transform(param) | |
| I18N(국제화) | 로케일 | setLocale, requestEncoding |
| 메시지 포맷 | bundle | |
| message(param) | ||
| setBundle | ||
| Database | 데이터 소스 설정 | setDataSource |
| SQL | query(dateParam, param) | |
| transaction | ||
| update(dateParam, param) | ||
| Functions(기타 함수) | 집합의 원소 개수 | length |
| 문자열 처리 | toUpperCase | |
| toLowerCase | ||
| substring | ||
| substringAfter | ||
| substringBefore | ||
| trim | ||
| replace | ||
| indexOf | ||
| startsWith | ||
| endsWith | ||
| contains | ||
| containsIgnoreCase | ||
| split | ||
| join | ||
| escapeXml |
<c:out> 태그
출력문을 만드는 태그이다.
<c:out value="출력값" default="기본값" />
<c:out value="출력값">기본값
value에 EL 표현식을 쓸 수 있다.
value 값이 null이면 기본값이 출력되고 기본값이 없으면 빈 문자열이 출력된다.
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>Title</title>
</head>
<body>
<c:out value="Hello World" /><br>
<c:out value="${null}">JSTL</c:out><br>
<c:out value="Hello">World</c:out><br>
<c:out value="${null}" />
</body>
</html>
실행 결과
<c:set> 태그
변수를 다룰때 사용한다.
이 태그로 생성한 변수는 JSP의 로컬 변수가 아니라 서블릿 보관소(JspContext, ServletRequest, HttpSession, ServletContext)에 저장된다.
<c:set var="변수명" value="값" scope="page(기본값)|request|session|application" />
<c:set var="변수명" scope="page(기본값)|request|session|application">값
scope의 기본값은 page이다. 따라서 scope를 생략하면 JspContext에 저장된다.
<%--<c:set> 기본 사용 방법--%><c:set var="username1" value="김연아" /><c:set var="username2">박지성</c:set>${username1}<br>${username2}<br>${pageScope.username1}<br>${pageScope.username2}<br><p></p><%--보관소 지정(ServletRequest)--%><c:set var="username3" scope="request">마일리 사이러스</c:set>${pageScope.username3}<br>${requestScope.username3}<br><p></p><%--기존 값 덮어씀--%><% pageContext.setAttribute("username4", "마고 로비"); %>기존 username4 : ${username4}<br><c:set var="username4" value="레오나르도 디카프리오" />변경 username4 : ${username4}<br>
실행 결과
scope를 생략하면 기본적으로 JspContext(page)에 저장됨을 알 수 있다.
scope="request"와 같이 scope를 명시적으로 지정할수도 있다.
<c:set>으로 이미 존재하는 변수에 값을 할당할 경우 기존 값을 덮어쓴다.
<c:set>을 이용한 객체의 프로퍼티 값 설정
<c:set target="대상 객체" property="설정할 프로퍼티" value="프로퍼티 값" />
<%!
public static class MyMember {
int no;
String name;
public int getNo() {
return no;
}
public void setNo(int no) {
this.no = no;
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
}
%>
<%
MyMember member = new MyMember();
member.setNo(100);
member.setName("김연아");
pageContext.setAttribute("member", member);
%>
${member.name}<br>
<c:set target="${member}" property="name" value="박지성" />
${member.name}<br>
실행 결과
Innter class MyMember의 인스턴스 member를 생성하고 member의 name을 <c:set> 태그를 사용해서 변경하는 코드이다.
<c:set>으로 객체의 프로퍼티 값을 설정할때는 setter()의 리턴 타입이 반드시 void여야 한다.
그렇지 않으면 다음과 같은 예외가 발생한다.
<c:remove> 태그
보관소에 저장된 값을 제거한다.
<c:remove var="변수명" scope="page(기본값)
| request | session | application" />
<c:set>과 마찬가지로 scope 속성으로 보관소를 명시할 수 있고 보관소의 기본값은 page이다.
<% pageContext.setAttribute("username1", "봉준호"); %>
${username1}<br>
<c:remove var="username1" />
${username1}<br>
실행 결과
<c:remove> 사용 후 JspContext에서 username1의 값을 삭제해서 값이 출력되지 않는다.
<c:if> 태그
<c:if test="조건식" var="변수명" scope="page(기본값)
| request | session | application">내용
test의 조건식이 true이면 '내용'이 실행된다.
var, scope 속성은 test 결과를 저장할때 사용한다.
<c:if test="${10 > 20}" var="result1">
10은 20보다 크다.<br>
</c:if>
result1 : ${result1}<br>
<c:if test="${10 < 20}" var="result2">
20은 10보다 크다.<br>
</c:if>
result2 : ${result2}
실행 결과
${10 > 20}은 false이므로 '10은 20보다 크다'는 출력되지 않는다.
${10 < 20}은 true이므로 '20은 10보다 크다'가 출력되었다.
<c:if> - List가 empty(비어있는지) 체크
<c:if test="${empty myList}">
<div>
<!-- myList가 비어있으면 -->
</div>
</c:if>
<c:if test="${not empty myList}">
<div>
<!-- myList가 비어있지 않으면 -->
</div>
</c:if>List의 empty 여부는 empty operator를 사용하여 test할 수 있다.
<c:choose> 태그
자바의 switch-case와 같은 기능을 수행한다.
여러 조건에 따라 다른 작업을 할 필요가 있을때 사용한다.
<c:choose>
<c:when test="조건식">
<c:when test="조건식">
...
<c:otherwise>
<c:when> 태그는 한 개 이상 존재해야하며 <c:otherwise> 태그는 0개 혹은 1개가 올 수 있다.
<c:when>의 조건에 일치하지 않으면 <c:otherwise>가 실행된다.
<c:set var="userid" value="hello123" />
<c:choose>
<c:when test="${userid == 'admin'}">
관리자 페이지
</c:when>
<c:otherwise>
${userid}님 반갑습니다.
</c:otherwise>
</c:choose>
실행 결과
<c:forEach> 태그
반복 작업에 사용한다. 특히 목록에서 값을 꺼내서 처리할때 사용한다.
<c:forEach var="변수명" items="목록 데이터" begin="시작 인덱스" end="종료 인덱스">콘텐츠
items에는 다음을 지정할 수 있다.
- 배열
- java.util.Collection 구현체(ArrayList, LinkedList, EnumSet, ...)
- java.util.Iterator 구현체
- java.util.Enumeration 구현체
- java.util.Map 구현체
- 콤마(,) 구분자로 나열된 문자열
var는 반복문을 돌면서 items에서 꺼낸 항목 값을 가리키는 참조 변수이다.
<c:forEach> - 배열
다음은 items에 배열을 지정한 forEach 예이다.
<% pageContext.setAttribute("numList", new String[]{"1", "2", "3", "4", "5"}); %>
<ul>
<c:forEach var="num" items="${numList}">
<li>${num}</li>
</c:forEach>
</ul>
실행 결과
다음과 같이 시작 인덱스와 종료 인덱스를 지정할 수 있다.
<% pageContext.setAttribute("numList", new String[]{"1", "2", "3", "4", "5"}); %>
<ul>
<c:forEach var="num" items="${numList}" begin="1" end="3">
<li>${num}</li>
</c:forEach>
</ul>
실행 결과
<c:forEach> - ArrayList
다음은 items에 ArrayList를 지정한 forEach 예이다.
<%
List<String> fruits = new ArrayList<>();
fruits.add("apple");
fruits.add("banana");
fruits.add("pineapple");
fruits.add("kiwi");
fruits.add("melon");
pageContext.setAttribute("fruits", fruits);
%>
<ul>
<c:forEach var="fruit" items="${fruits}">
<li>${fruit}</li>
</c:forEach>
</ul>
실행 결과
<c:forEach> - 문자열
다음은 콤마(,)로 연결된 문자열에 대한 forEach 예제이다.
<% pageContext.setAttribute("maleActors", "리버 피닉스, 장동윤, 차인표, 남궁민, 공유"); %>
<ul>
<c:forEach var="name" items="${maleActors}">
<li>${name}</li>
</c:forEach>
</ul>
실행 결과
<c:forEach> - 횟수 반복
items 지정 없이 begin과 end 속성을 사용해서 일정 횟수 반복할 수 있다.
<ul>
<c:forEach var="no" begin="1" end="10">
<li>forEach 예제 ${no}</li>
</c:forEach>
</ul>
실행 결과
<c:forTokens> 태그
문자열을 delimiter(구분자)로 분리해서 반복문을 돌리는데 사용한다.
<c:forTokens var="변수명" items="문자열" delims="구분자">콘텐츠
<% pageContext.setAttribute("tokens", "v1=20&v2=20&op=+"); %>
<ul>
<c:forTokens var="item" items="${tokens}" delims="&">
<li>${item}</li>
</c:forTokens>
</ul>
실행 결과
<c:url> 태그
URL을 만들때 사용한다.
이 태그를 사용하면 매개변수를 포함한 URL을 쉽게 만들 수 있다.
<c:url var="변수명" value="url">
<c:param name="파라미터명" value="값" />
<c:param name="파라미터명" value="값" />
<c:param name="파라미터명" value="값" />
<c:url var="calcUrl" value="http://localhost:8080/calc">
<c:param name="v1" value="10" />
<c:param name="v2" value="20" />
<c:param name="op" value="+" />
</c:url>
${calcUrl}
실행 결과
<c:import> 태그
url 속성에 콘텐츠가 있는 주소를 지정하면 해당 주소로 요청하고 응답 결과를 받아서 반환한다.
<c:import url="url" var="변수명" scope="page(기본값)
| request | session | application" />
다음은 url에 로또 800회차 당첨 결과를 JSON으로 반환받은 결과를 출력하는 예제이다.
<textarea rows="10" cols="80">
<c:import url="https://www.nlotto.co.kr/common.do?method=getLottoNumber&drwNo=800" />
</textarea>
실행 결과
var, scope 속성을 사용해서 보관소에 저장했다가 출력할 수 있다.
<c:import var="lottoResult" url="https://www.nlotto.co.kr/common.do?method=getLottoNumber&drwNo=800" />
<textarea rows="10" cols="80">
${lottoResult}
</textarea>실행 결과는 위와 동일하다.
이렇게 보관소에 저장해두면 필요할때마다 가져와서 쓰거나 결과 데이터를 변환하는 등의 작업을 할 수 있다.
<c:redirect> 태그
리다이렉트 처리를 할때 사용한다. 내부적으로 HttpServletResponse의 sendRedirect()를 호출한다.
<c:redirect url="url" />
fmt:parseDate 태그
날짜 형식으로 작성된 문자열로 java.util.Date 객체를 생성한다.
그리고 지정된 보관소에 저장한다.
<fmt:parseDate var="변수명" value="날짜 형식 문자열" pattern="패턴" scope="page(기본값)
| request | session | application" />
<fmt:parseDate var="date1" value="2020-02-15" pattern="yyyy-MM-dd" />fmt:formatDate 태그
날짜 객체로부터 원하는 형식으로 날짜를 표현하고자 할때 사용한다.
<fmt:formatDate value="java.util.Date 객체 지정" pattern="패턴" />
<fmt:parseDate var="date1" value="2020-02-15" pattern="yyyy-MM-dd" />
<fmt:formatDate value="${date1}" pattern="MM/dd/yy" />
실행 결과
'프레임워크 > JSP' 카테고리의 다른 글
| JSP 내장객체 (0) | 2025.01.18 |
|---|---|
| JSP 기초 (0) | 2025.01.18 |
| JSP 세션, 쿠키 (0) | 2025.01.18 |
댓글