JSTL STEP 1 - JSTL 기초 셋팅 및 응용

★ 설치

• maven repository > jar 검색 사이트
• https://mvnrepository.com/
• JSTL 검색
• 두번째 JSTL 클릭
• https://mvnrepository.com/artifact/javax.servlet/jstl
• 1.2 클릭
• files 에서 jar파일 다운

• WEB-INF/lib 안에 해당 jar파일을 삽입

 

★ 사용 선언문

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

 

★ JSTL, JSP Standard Tag Library

• 자바 서버페이지 표준 태그 라이브러리
• 프로그래밍 기능이 있는 태그 모음

 

■ JSTL 기능

• 1. 값을 출력하는 명령

<!-- 값을 출력하는 명령 -->
<c:out value="안녕하세요."></c:out>

<c:out value="${count}"></c:out>

${count}

<c:out value="${count2}">값이 없음</c:out>

${count2}

• 2. 변수 생성
• pageContext 내장 변수

<!-- 변수 생성 -->
<c:set var="n1" value="100" scope="page"></c:set>

<!-- scope="page|request|session|application" -->
${n1}
<div>${pageScope.n1}</div>
<div>${requestScope.n1}</div>
<div>${sessionScope.n1}</div>
<div>${applicationScope.n1}</div>

• 3. 변수 수정

<!-- 변수 수정 -->
<c:set var="age" value="11"></c:set>
<c:set var="age" value="22"></c:set>

<div>${age}</div>

• 4. 변수 삭제

<!-- 변수 삭제 -->
<c:remove var="age"/>

<div>age : ${empty age}</div>

• 조건문(if)
• else, else if 절은 없음.

<c:set var="num" value="10"></c:set>

<!-- 조건문(if) -->
<c:if test="${num > 0}">
	<div>${num}은 양수 입니다.</div>
</c:if>

• 조건문(choose - when)

<!-- 조건문(choose - when) -->
 <c:choose>
    <c:when test="${num > 0}">양수</c:when>
    <c:when test="${num < 0}">음수</c:when>
    <c:when test="${num == 0}">빵</c:when>	 	
    <c:otherwise>기본값</c:otherwise>
 </c:choose>

• 반복문(for문, 향상된 for문)

<!-- 반복문(for문, 향상된 for문) -->

 <!-- for (String name : names) -->

 <c:forEach var="name" items="${names}">
    <div>${name}</div>
 </c:forEach>

<hr>

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

<hr>

<c:forEach items="${names}" var="name" begin="2" end="4">
    <div>${name}</div>
</c:forEach>

<c:forEach items="${names}" var="name" varStatus="status">
    <div>${status.index}. 
        ${status.count}. 
        ${status.first}.
        ${status.last}.
        ${name}</div>
</c:forEach>

<hr>

<c:forEach items="${colors}" var="name">
    <div>${name}</div>
</c:forEach>

<c:forTokens items="${colors}" delims="," var="name">
    <div>${name}</div>
</c:forTokens>

반복문 실행 결과

• 링크

<!-- 링크 -->
<c:url var="link" value="http://localhost:8090/view.do">
    <c:param name="name" value="Hong"></c:param>
    <c:param name="age" value="20"></c:param>
    <c:param name="address" value="서울"></c:param>
</c:url>

<a href="${link}">링크</a>

<!-- redirect -->
<c:redirect url="https://naver.com"></c:redirect>

• 날짜 출력

-- 자바 코드
birthday.set(1998, 7, 22);
		
Date date = birthday.getTime();
req.setAttribute("birthday", birthday);

-- jsp 코드
<div>내 생일 : <fmt:formatDate value="${birthday.time}" pattern="yyyy-MM-dd E HH:mm:ss"/></div>

• 숫자에 1000단위 표기

<c:set var="price" value="10000"/>
<div>가격 : <fmt:formatNumber value="${price}" />원</div>