주요 태그와 사용법
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>
포매팅 태그를 사용할 때의 장점
- 간편함: Java 코드 없이 태그만으로 데이터 형식화.
- 지역화 지원: 다국어 및 지역화된 포맷 제공.
- 유지보수 용이: 형식 지정 로직이 태그로 분리되어 코드가 간결.
'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 |