[Spring Boot] EL & JSTL

📍EL(Expression Language)

• JSP에서 데이터를 표현하고 조작하기 위한 간편한 표현 언어이다.
• JSP 스크립트 요소 중 표현식(<%= %>)을 대체할 수 있다.

<%-- 1️⃣ 변수 사용 --%>
${user.name}

<%-- 2️⃣ 수식 사용 --%>
${num1 + num2}

<%-- 3️⃣ 컬렉션 및 맵 사용 --%>
${list[0]}
${map['key']}

<%-- 4️⃣ 메서드 호출 --%>
${helperObject.calculateTotal(amount)}

📍JSTL(JSP Standard Tag Library)

• Java 웹 애플리케이션에서 사용되는 태그 라이브러리이다.
• JSP 스크립트 요소 중 선언문(<%! %>), 스크립틀릿(<% %>), 표현식(<%= %>)을 대체할 수 있다.
• 코드 가독성과 재사용성을 높일 수 있다.

• 1. Core: set, out, if, choose/when/otherwise, forEach 등
• 2. Formatting
• 3. 함수

1. Core

• JSTL의 Core를 사용하기 위한 선언문을 JSP 파일 상단에 작성해야 한다.
  <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

1) c:set

• 역할: 변수에 값 할당
• 방식
  • value 속성을 사용하는 방식
  • value 속성을 사용하지 않는 방식
• 속성
  • var: 변수명
  • value: 값

<%-- 1️⃣ value 속성을 사용하는 방식 --%>
<c:set var="number1" value="100" />

<%-- 2️⃣ value 속성을 사용하지 않는 방식 --%>
<c:set var="number2">100</c:set>

2) c:out

🚩 escapeXml="true"나 default 속성을 사용하지 않는다면, EL(${})을 사용히는 것이 더 간결한다.

• 역할: 값 출력
• 속성
  • value: 출력할 값/변수명
  • escapeXml: 값에 포함된 자바스크립트 코드 무시 여부(true/false), 기본값은 true
  • default: 기본값

<c:out value="Hello world" />
<c:out value="${number1}" />

<c:out value="<script>alert('Hello world')</script>" />
<%-- 출력: <script>alert('Hello world')</script> --%>

<c:out value="<script>alert('Hello world')</script>" escapeXml="true" />
<%-- 출력: <script>alert('Hello world')</script> --%>

<c:out value="<script>alert('Hello world')</script>" escapeXml="false" />
<%-- 출력: 알림창  --%>

3) c:if

• 역할: if 조건문
• 속성
  • test: 조건

설명	정석 방법	사용 가능 방법
같다	eq	==
다르다	ne	!=
null이다	empty
null이 아니다	not empty	!empty

<c:if test="${number1 > 50}">
	number1은 50보다 크다.
</c:if>

4) c:choose, c:when, c:otherwise

• 역할: if-else if-else 조건문
• 속성
  • c:when
    • test: 조건

<c:choose>
	<c:when test="${number1 < 50}">
		50 미만입니다.
	</c:when>
	<c:when test="${number1 < 100}">
		100 미만입니다.
	</c:when>
	<c:otherwise>
		100 이상입니다.
	</c:otherwise>
</c:choose>

5) c:forEach

🚩 주의할 점

• 일반 반복문과 유사한 방식을 사용하는 경우: var 변수 현재 값 == status.index == status.current
• 향상된 for문과 유사한 방식을 사용하는 경우: var 변수 현재 값 == status.current

• 역할: 반복문
• 방식
  • 일반 반복문과 유사한 방식
  • 향상된 for문과 유사한 방식
• 속성
  • 👉 공통
    • var: 꺼내지는 데이터의 변수명
    • varStatus: 현재 반복에 대한 상태 정보를 제공하는 객체를 참조하는 변수, 일반적으로 status로 지음
      • index
        • 일반 반복문과 유사한 방식을 사용하는 경우: var로 지정된 변수의 현재 값
        • 향상된 for문과 유사한 방식을 사용하는 경우: 0부터 시작
      • count: 1부터 시작
      • first: 반복문이 첫번째로 돌았으면 true, 그 외 false
      • last: 반복문이 마지막 번째이면 true, 그 외 false
      • current: var로 지정된 변수의 현재 값
        
        
  • 👉 일반 반복문과 유사한 방식을 사용하는 경우
    • begin: 시작값
    • end: 종료값
    • step: 증가시킬 값, 기본값은 1
      
      
  • 👉 향상된 for문과 유사한 방식을 사용하는 경우
    • items: 데이터를 꺼낼 객체명

1️⃣ 일반 반복문과 유사한 방식

<c:forEach begin="12" end="20" step="2" var="i" varStatus="status">
	<br>
	i: ${i}<br> 
	index: ${status.index}<br> <%-- index: i와 동일 --%>
	count: ${status.count}<br>
	first: ${status.first}<br>
	last: ${status.last}<br>
	current: ${status.current}<br>
</c:forEach>

2️⃣ 향상된 for문과 유사한 방식

🚩 주의할 점

• items과 var의 변수명은 달라야 한다.
• items는 큰따옴표와 EL(${})을 함께 사용하여 작성해야 한다.

<%-- numbers: [1000, 72, 999, 12, 88]  --%>

<c:forEach items="${numbers}" var="number" varStatus="status">
	<br>
	number: ${number}<br>
	index: ${status.index}<br> <%-- index: 0부터 시작 --%>
	count: ${status.count}<br>
	first: ${status.first}<br>
	last: ${status.last}<br>
	current: ${status.current}<br>
</c:forEach>

2. Formatting

• JSTL의 Formatting를 사용하기 위한 선언문을 JSP 파일 상단에 작성해야 한다.
  <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>

1) fmt:formatNumber

• 역할: 숫자 형식 지정
• 속성
  • value: 형식을 지정하려는 숫자
  • type: 형식을 지정하는 데 사용되는 자료형(number/currency/percent). 기본값은 number.
  • groupingUsed: 천 단위 구분 기호를 사용할지 여부(true/false). 기본값은 true.
  • currencySymbol: type이 currency일 경우 사용할 통화 기호. 기본값은 ₩.
  • var: 형식이 적용된 숫자를 저장할 변수의 이름
  • pattern: 형식을 0과 #을 사용하여 지정(0: 값이 없어도 자리수를 0으로 채움, #: 값이 있으면 채우고 없으면 채우지 않음)

<fmt:formatNumber value="12345678" /> <%-- 12,345,678 --%>

<fmt:formatNumber type="percent" value="0.4" /> <%-- 40% --%>

<fmt:formatNumber  value="12345678" groupingUsed="false" /> <%-- 12345678 --%>

<fmt:formatNumber type="currency" currencySymbol="$" value="12345678" /> <%-- $12,345,678 --%>

<fmt:formatNumber value="12345678" var="n1" />
${n1} <%-- 12,345,678 --%>

<fmt:formatNumber value="1234.5678" pattern="0.00000" /> <%-- 1234.56780 --%>
<fmt:formatNumber value="1234.5678" pattern="#.#####" /> <%-- 1234.5678 --%>

2) fmt:formatDate

• 역할: 날짜 형식 지정
• 속성
  • value: 형식을 지정하려는 날짜. java.util.Date 자료형이여야 함.
  • pattern: 날짜 형식을 직접 지정할 때 사용
  • var: 형식이 적용된 날짜를 저장할 변수의 이름을 지정
  • type: 형식을 지정하는 데 사용되는 자료형(date/time/both). 기본값은 date.

<fmt:formatDate value="${now}" /> <%-- 2023. 12. 26. --%>

<fmt:formatDate value="${now}" pattern="yyyy년 MM월 dd일 HH시 mm분 ss초" /> <%-- 2023년 12월 26일 22시 42분 16초 --%>

<fmt:formatDate value="${now}" var="date1" />
${date1} <%-- 2023. 12. 26. --%>
	
<fmt:formatDate value="${now}" type="time" /> <%-- 오후 10:42:16 --%>

3) fmt:parseDate

• 역할: 문자열로 표현된 날짜를 Date 자료형으로 파싱
• 속성
  • value: Date 자료형으로 파싱하려는 문자열
  • pattern: value의 날짜 형식
  • var: 파싱된 Date 객체를 저장할 변수의 이름

<fmt:parseDate value="2023-12-26" pattern="yyyy-MM-dd" /> <%-- Tue Dec 26 00:00:00 KST 2023 --%>
	
<fmt:parseDate value="2023-12-26" pattern="yyyy-MM-dd" var="date2"/>
${date2} <%-- Tue Dec 26 00:00:00 KST 2023 --%>

3. 함수

• JSTL의 함수를 사용하기 위한 선언문을 JSP 파일 상단에 작성해야 한다.
  <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
• 태그가 아닌 EL(${})을 사용한다.

${fn:contains('abc', 'a')} <%-- true --%>
${fn:containsIgnoreCase('abc', 'A')} <%-- true --%>
${fn:startsWith('abc', 'a')} <%-- true --%>
${fn:endsWith('abc', 'c')} <%-- true --%>
${fn:length('abc')} <%-- 3 --%>
${fn:replace('abc', 'a', 'A')} <%-- Abc --%>
${fn:split('abc', 'b')[0]} <%-- a --%>
${fn:substring('abc', 0, 1)} <%-- a --%>
${fn:toLowerCase('ABC')} <%-- abc --%>
${fn:toUpperCase('abc')} <%-- ABC --%>
<pre>${fn:trim('    a   b c     ')}</pre> <%-- a   b c --%>