주요 태그와 사용법

1. fmt:formatNumber

숫자를 특정 형식으로 출력합니다.

  • 속성
    • value: 포맷할 숫자.
    • type: 형식 지정 (number, currency, percent).
    • pattern: 커스텀 숫자 형식.
 
<p>숫자: <fmt:formatNumber value="12345.678" /></p> <!-- 기본 숫자 포맷 -->
<p>통화: <fmt:formatNumber value="12345.678" type="currency" /></p> <!-- 통화 표시 -->
<p>퍼센트: <fmt:formatNumber value="0.875" type="percent" /></p> <!-- 퍼센트 표시 -->
<p>커스텀: <fmt:formatNumber value="12345.678" pattern="#,###.00" /></p> <!-- 커스텀 포맷 -->

2. fmt:formatDate

날짜와 시간을 지정된 형식으로 출력합니다.

  • 속성
    • value: 포맷할 날짜 객체.
    • type: 형식 지정 (date, time, both).
    • pattern: 커스텀 날짜/시간 형식.
    • dateStyle / timeStyle: 날짜/시간 스타일 지정 (short, medium, long, full).
<%-- 현재 날짜를 request에 설정 --%>
<%
    java.util.Date today = new java.util.Date();
    request.setAttribute("today", today);
%>

<p>기본 날짜: <fmt:formatDate value="${today}" /></p>
<p>날짜만: <fmt:formatDate value="${today}" type="date" /></p>
<p>시간만: <fmt:formatDate value="${today}" type="time" /></p>
<p>커스텀 포맷: <fmt:formatDate value="${today}" pattern="yyyy-MM-dd HH:mm:ss" /></p>

3. fmt:setLocale

페이지의 기본 로케일을 설정합니다.

<fmt:setLocale value="ko_KR" />

4. fmt:bundle

다국어 메시지를 출력할 때 Resource Bundle을 설정합니다.

  • Resource Bundle은 *.properties 파일로, 특정 키와 값의 쌍을 저장합니다.
 
<fmt:setLocale value="ko_KR" />
<fmt:bundle basename="messages">
    <p>메시지: <fmt:message key="greeting" /></p>
</fmt:bundle>

5. fmt:message

<fmt:bundle>에서 설정한 Resource Bundle의 메시지를 출력합니다.

<fmt:setLocale value="en_US" />
<fmt:bundle basename="messages">
    <p>Localized Greeting: <fmt:message key="greeting" /></p>
</fmt:bundle>

6. fmt:parseNumber

문자열을 숫자로 변환합니다.

<fmt:parseNumber var="parsedNumber" value="1,234.56" type="number" />
<p>Parsed Number: ${parsedNumber}</p>

7. fmt:parseDate

문자열을 날짜 객체로 변환합니다.

<fmt:parseDate var="parsedDate" value="2024-11-21" pattern="yyyy-MM-dd" />
<p>Parsed Date: ${parsedDate}</p>

포매팅 태그를 사용할 때의 장점

  1. 간편함: Java 코드 없이 태그만으로 데이터 형식화.
  2. 지역화 지원: 다국어 및 지역화된 포맷 제공.
  3. 유지보수 용이: 형식 지정 로직이 태그로 분리되어 코드가 간결.

'Front-End' 카테고리의 다른 글

SPA(Single Page Application)  (0) 2025.02.11
Nginx  (0) 2025.01.21
JavaScript-Object  (0) 2024.11.10
JavaScript-Function(2)  (0) 2024.11.10
JavaScript-Function  (0) 2024.11.10

+ Recent posts