JSP) JSTL

👀 JSTL(JSP Standard Tag Library)이란?

• 자카르타(아파치)에서 제공하는 자주 사용되는 태그를 모아놓은 형태

• 태그를 이용해서 프로그래밍 언어로 코드를 쓰는 것과 같은 동작을 할 수 있다.

• CORE 라이브러리 : 기본적인 동작 제공
  • 변수 선언, 조건문, 반복문 코드를 처리하는 태그
  • 페이지 이동처리 태그 (태그만 사용해서 반복문 처리를 할 수 있음)
• Formatting 라이브러리
  • 데이터 국제화 처리 (다국어) 태그
  • 형식화 (날짜, 숫자, 시간) 태그
• DB 라이브러리 : sql구문처리 동작
  • CRUD 동작 수행 태그
• XML 라이브러리
  • XML 문서 읽고 처리하는 태그

다운로드 및 설치

• 톰캣 홈페이지에서 taglibs 메뉴에 들어가서 하단에

taglibs-standard-jstlel-1.2.5.jar
taglibs-standard-spec-1.2.5.jar
taglibs-standard-impl-1.2.5.jar

• 세 파일을 다운받는다.
• 다운받은 파일들을 WEB-INF/lib에 복붙하면 설치 완료
  
  
  

CORE 라이브러리

변수 선언 및 사용

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

• 먼저 페이지 상단에 라이브러리 인클루드 해 주어야 한다.
• prefix는 태그의 접두사를 지정해 주는 것으로 prefix에 지정한 문자를 쓰고 :을 쓰면 태그 예약어들을 사용할 수 있다.
  
  

<%-- <c:set var="변수명" value="값"/> --%>
  <c:set var="num3" value="300"/>
  <c:set var="num4" value="400"/>
  
  <!-- 변수값 출력할 때엔 el 표현식 사용 -->
  <c:out value="${num3 }"/>
  <c:out value="${num4 }"/>
  <hr>
  
  ${num3 } + ${num4 } = ${num3 + num4 }

• 태그 속에서 변수를 선언하고 값을 넣어줄 수 있다.
  
  

<c:set var="name" value="S22" scope="request"/>

• 스크립틀릿을 이용해서 자바 코드로 변수를 선언하면 지역변수로 인식되어서 선언한 페이지에서만 쓸 수 있는데 JSTL 태그를 사용하면 변수의 영역도 지정해 줄 수 있어서 자바 코드를 사용하는 것에 비해 훨씬 활용도를 높일 수 있다.
• scope : page, request, session, application 네 영역 모두 설정해 줄 수 있다. scope를 설정하지 않으면 기본값은 page라서 선언한 페이지에서만 쓸 수 있다.

출력

<c:out value="안녕하세요 JSTL입니다."></c:out>

• 만약 null값을 출력하는 경우 빈공백으로 처리된다. (JSP 표현식은 컴파일 에러남)
• 컴파일 에러난 페이지를 보여주는 것 보다는 null값을 출력하는게 사용자 신뢰도에는 더 좋다.
  
  

< abc>태그는 abc입니다.<hr>

&lt;abc>태그는 abc입니다.<hr>

<c:out value="<abc>태그는 abc입니다."/>

• 만약 태그 자체를 출력하고 싶다면 위 세 가지 방법으로 출력이 가능하다.

조건문

if

<!-- jstl 변수 2개 생성(속성) -->
<c:set var="name" value="itwill"/>
<c:set var="tel" value="010-1234-5678"/>

<!-- 사용자의 이름이 "itwill"인지 체크 -->
<c:if test="${name == 'itwill' }"><!-- 표현식 안에서는 작은 따옴표를 써야 함(큰 따옴표 쓰면 밖에 따옴표랑 반응함) -->
  사용자 이름 : ${name }<br>
</c:if>

<c:if test="${100 lt 200 }"><!-- lt : 비교연산자(<)와 같은 역할을 하는 예약어 -->
  200이 더 크다.<br>
</c:if>

• HTML 태그처럼 태그 사이에 출력하고 싶은 문구를 작성할 수 있다.
  
  

switch ~case

<c:choose>
  <c:when test="${param.num1 le param.num2 }">
    num1! <br>
  </c:when>
  <c:when test="${param.num1 lt param.num2 }">
    num2! <br>
  </c:when>
  <c:otherwise>
    그 외 나머지<br>
  </c:otherwise>
</c:choose>

• choose 태그를 사용해서 switch ~case문을 작성할 수 있다.
  
  

반복문

<c:forEach var="i" begin="1" end="10" step="1">
  ${i }
</c:forEach>

• 위와 같이 for문에서 변수를 선언하고 조건식, 증감식을 설정해 줄 수 있는데 저렇게는 잘 안 쓴다.(단순 순회할 때 for문에서 귀찮은 것들을 덜어내고 쓰는 것이 foreach니까…)
  
  

<%
  int arr[] = new int[3];
  for (int i = 0; i < arr.length; i++)
  {
    arr[i] = i;
  }
%>
<!-- 이 형태를 많이 쓴다.(items 자리엔 jsp 표현식보다는 el 표현식을 쓴다.) -->
<c:forEach var="test" items="<%=arr %>">
  ${test } 
</c:forEach>

• 위와 같은 형태로 배열을 순회할 때 많이 사용한다.
  
  

문자열 Parsing

<c:forTokens var="abc" items="a,b,c,d,e,f,g,h" delims=",">
  ${abc } 
</c:forTokens>

<hr>
<c:set var="data" value="자바 디비 웹 JSP"/>

<c:forTokens var="name" items="${data }" delims=" ">
  ${name }<br>
</c:forTokens>

• delims에 넣은 인자값을 기준으로 문자열을 자를 수 있다.
  
  
  

Formatting 라이브러리

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

• Formatting 라이브러리는 일반적으로 fmt 접두사를 쓴다.

날짜 출력하기

<c:set var="today" value="<%=new Date() %>"/>

<fmt:formatDate value="${today }"/><br>

<!-- time: 시간정보 -->
<fmt:formatDate value="${today }" type="time"/><br>

<!-- both: 날짜 & 시간정보 -->
<fmt:formatDate value="${today }" type="both"/><br>

<hr>

<fmt:formatDate value="${today }" dateStyle="full"/><br>
<fmt:formatDate value="${today }" dateStyle="long"/><br>
<fmt:formatDate value="${today }" dateStyle="medium"/><br>
<fmt:formatDate value="${today }" dateStyle="short"/><br>

<hr>

<fmt:formatDate value="${today }" type="both" dateStyle="full" timeStyle="full"/><br>
<fmt:formatDate value="${today }" type="time" timeStyle="full"/><br>
<fmt:formatDate value="${today }" type="time" timeStyle="long"/><br>
<fmt:formatDate value="${today }" type="time" timeStyle="medium"/><br>
<fmt:formatDate value="${today }" type="time" timeStyle="short"/><br>

<hr>
<h3>2022/2/25(금) (오전) 11:50:00 형식으로 표현하기</h3><br>
<fmt:formatDate value="${today }" pattern="yyyy/MM/dd(E)"/>
<fmt:formatDate value="${today }" type="time" pattern="(a)hh:mm:ss"/>

• dateStyle에 넣은 값만큼 출력되는 날짜 정보의 갯수를 조절할 수 있다.

통화 출력하기

<c:set var="today" value="<%=new Date() %>"/>
${today }
<hr>
<fmt:setLocale value="ko_kr"/><!-- 한국으로 기본 세팅되어 있어서 생략 가능 -->
<fmt:formatDate value="${today }" dateStyle="full"/><br><!-- 년 월 일 요일 표시 -->
<fmt:formatNumber value="1000000000000" type="currency"/><br><!-- 숫자 자동으로 ,콤마 넣어서 표시/ currency는 통화도 넣어줌 -->

<hr>

<fmt:setLocale value="en_us"/><!-- 한국으로 기본 세팅되어 있어서 생략 가능 -->
<fmt:formatDate value="${today }" dateStyle="full"/><br><!-- 년 월 일 요일 표시 -->
<fmt:formatNumber value="1000000000000" type="currency"/><br><!-- 숫자 자동으로 ,콤마 넣어서 표시/ currency는 통화도 넣어줌 -->

<hr>
<fmt:setLocale value="zh_cn"/><!-- 한국으로 기본 세팅되어 있어서 생략 가능 -->
<fmt:formatDate value="${today }" dateStyle="full"/><br><!-- 년 월 일 요일 표시 -->
<fmt:formatNumber value="1000000000000" type="currency"/><br><!-- 숫자 자동으로 ,콤마 넣어서 표시/ currency는 통화도 넣어줌 -->

<hr>
<fmt:setLocale value="ja_jp"/><!-- 한국으로 기본 세팅되어 있어서 생략 가능 -->
<fmt:formatDate value="${today }" dateStyle="full"/><br><!-- 년 월 일 요일 표시 -->
<fmt:formatNumber value="1000000000000" type="currency"/><br><!-- 숫자 자동으로 ,콤마 넣어서 표시/ currency는 통화도 넣어줌 -->

숫자 출력

<fmt:formatNumber value="100000000" groupingUsed="false"/><br>
<fmt:formatNumber value="100000000" groupingUsed="true"/><br>

<hr>

<h2>소수점 자리 표현</h2>
<fmt:formatNumber value="${2.12345676 }" pattern="#.####"/><br>

<!-- 0은 .뒤에 0을 채워줌 -->
<fmt:formatNumber value="20.0" pattern="##.00"/><br>

<fmt:formatNumber value="0.5" type="percent"/><br>

<!-- 통화 심볼도 바꿀 수 있다 -->
<fmt:formatNumber value="10000000" type="currency" currencySymbol="@"/><br>