JSTL

2020. 11. 11. 19:20공부 정리/Front end

JSTL(JSP Standard Tag Library)

jsp 페이지에서 조건문 처리, 반복문 처리 등을 html tag형태로 작성할 수 있게 도와준다.

 

 

1. JSTL을 사용하려면?


http://tomcat.apache.org/download-taglibs.cgi

출처: https://cphinf.pstatic.net/mooc/20180130_248/1517289861733CmzUv_PNG/2_6_2_jstl_.PNG

 

 

2. JSTL이 제공하는 태그의 종류


출처: https://cphinf.pstatic.net/mooc/20180130_273/1517290494334HrB7S_PNG/2_6_2_jstl___.PNG

사용 예

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

 

a. 코어 태그


출처: https://cphinf.pstatic.net/mooc/20180130_226/1517290578353rKRbE_PNG/2_6_2_jstl_.PNG

 

○ 변수 지원 set & remove

출처: https://cphinf.pstatic.net/mooc/20180226_240/1519633482313pWfP8_PNG/1.png
출처: https://cphinf.pstatic.net/mooc/20180226_103/1519633640114VKW2d_PNG/2.png

 

○ 흐름 제어

if-else 같은 조건이 있을 때 사용한다.

출처: https://cphinf.pstatic.net/mooc/20180130_4/1517292532220uxSVD_PNG/2_6_2__choose.PNG
출처: https://cphinf.pstatic.net/mooc/20180130_218/1517292735244tmWgM_PNG/2_6_2__forEach.PNG

 

b. 국제화 태그


<c: out value ="${Date}" />
// 단순히 DB의 내용을 불러올 뿐이다.

<fmt:formatDate pattern="yyyy.MM.dd" value="${Date}" />
// 원하는 패턴에 맞게 DB의 내용을 불러 올 수 있다.

<fmt:parseDate var="parsedDate" value="${reservationDate}" pattern="yyyy-MM-dd'T'HH:mm:ss.SSS" />
<fmt:formatDate value="${parsedDate}" pattern="yyyy.MM.dd" />
//DB에서 보내는 타임스탬프를 날짜로 변환할 수 있다.

<fmt:formatNumber pattern="#,###" value="${price}" />
//숫자의 ,표기를 할 수 있다.

 

c. 함수 태그


이렇게 \n 되어있는 값을 함수 태그를 이용하여 표현할 수 있다.

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

<% pageContext.setAttribute("crcn", "\r\n"); %>

${fn:replace(comment,crcn,"<br/>")}

함수 태그 사용 전 후

 

 

출처 & 참고

'공부 정리 > Front end' 카테고리의 다른 글

cross domain issue  (0) 2020.12.11
DOM(Document Object Model)  (0) 2020.11.09
CSS - 캐스케이딩(Cascading)  (0) 2020.11.06
CSS - 상속(Inheritance)  (0) 2020.11.02
style을 HTML 페이지에 적용하는 3가지 방법  (0) 2020.11.02