티스토리 뷰
반응형
- JSTL 포매팅 라이브러리를 사용하면 쉽게 원하는 형태로 숫자나 문자열을 표시할 수 있다.
포매팅 태그 라이브러리 종류
분류 | 태그 | 설명 |
포매팅 | <fmt:timeZone> <fmt:setTimeZone> |
둘 다 지정한 국가의 시간을 지정하는 태그이다. <fmt:timeZone> 태그의 경우 태그를 열고 닫는 영역 안에서만 적용된다는 차이점이 있다. |
<fmt:formatNumber> | 표시할 숫자의 형식을 지정한다. | |
<fmt:formatDate> | 지정한 형식의 날짜를 표시한다. |
- 각각의 포매팅 태그 라이브러리들은 다음 표 처럼 상세한 설정을 위해 여러 가지 속성들을 가진다.
<formatNumber> 태그의 여러 가지 속성
속성 | 설명 |
vlaue | 출력될 숫자를 지정한다. |
type | 출력된 타입을 지정한다. percent인 경우 %, number인 경우 숫자, currency인 경우 통화 형식으로 출력한다. |
dateStyle | 날짜의 출력 형식을 지정한다. DateFormat 클래스의 full, long, medium, short 등이 지정되어 있다. |
groupingUsed | 콤마(,) 등 기호로 구분 여부를 지정한다. 이 속성이 true 이면 50000이 50,000으로표시된다. 기본값은 true이다. |
currencyCode | 통화 코드를 지정한다. 한국 원화는 KRW이다. |
currencySymbol | 통화를 표시할 때 사용할 기호를 표시한다. |
var | <formatNumber> 태그 결과를 저장할 변수 이름을 지정한다. |
scope | 변수의 접근 범위를 지정한다. |
pattern | 숫자가 출력될 양식을 지정한다. 자바의 DecimalFormat 클래스에 정의된 형식을 따른다. |
<formatDate> 태그의 여러 가지 속성
속성 | 설명 |
vlaue | 출력될 숫자를 지정한다. |
type | 출력된 타입을 지정한다. percent인 경우 %, number인 경우 숫자, currency인 경우 통화 형식으로 출력한다. |
dateStyle | 날짜의 출력 형식을 지정한다. DateFormat 클래스의 full, long, medium, short 등이 지정되어 있다. |
groupingUsed | 콤마(,) 등 기호로 구분 여부를 지정한다. 이 속성이 true 이면 50000이 50,000으로표시된다. 기본값은 true이다. |
currencyCode | 통화 코드를 지정한다. 한국 원화는 KRW이다. |
currencySymbol | 통화를 표시할 때 사용할 기호를 표시한다. |
var | <formatNumber> 태그 결과를 저장할 변수 이름을 지정한다. |
scope | 변수의 접근 범위를 지정한다. |
pattern | 숫자가 출력될 양식을 지정한다. 자바의 DecimalFormat 클래스에 정의된 형식을 따른다. |
<formatDate> 태그의 여러 가지 속성
속성 | 설명 |
value | 포맷될 날짜를 지정한다. |
type | 포매팅할 타입을 지정한다. date인 경우 날짜만, time인 경우 시간만, both 인 경우 모두 지정한다. |
dateStyle | 날짜의 출력형식을 지정한다. DateFormat 클래스의 full, long, medium, short 등이 지정되어 있다. |
timeStyle | 시간 출력 형식을 지정한다. 자바 클래스 DateFormat에 정의된 형식을 사용한다. |
pattern | 직접 출력 형식을 지정한다. 자바클래스 SimpleDateFormat에지정된 패턴을 사용한다. |
timeZone | 특정 나라 시간대로 시간을 설정한다. |
- 포매팅 태그 라이브러리를 사용하여 여러 가지 숫자와 날짜 정보를 표시해 보자.
* format1.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8" import="java.util.Date"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%
request.setCharacterEncoding("utf-8");
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>포매팅 태그 라이브러리 </title>
</head>
<body>
<h2>fmt의 number 태그를이용한 숫자 포맷팅 예제.</h2>
<c:set var="price" value="10000000" />
<fmt:formatNumber value="${price }" type="number" var="priceNumber" />
통화로 표현 시 : <fmt:formatNumber type="currency" currencySymbol="₩" value = "${price }" groupingUsed="true" /><br>
퍼센트로 표현 시: <fmt:formatNumber type="percent" value="${price }" groupingUsed="true" /><br>
일반 숫자로 표현 시 : ${priceNumber }<br><br>
<h2>formatDate 예제</h2>
<c:set var="now" value="<%=new Date() %>" />
<fmt:formatDate value="${now }" type="date" dateStyle="full" /><br>
<fmt:formatDate value="${now }" type="date" dateStyle="short" /><br>
<fmt:formatDate value="${now }" type="time" /><br>
<fmt:formatDate value="${now }" type="both" dateStyle="full" timeStyle="full" /><br>
<fmt:formatDate value="${now }" pattern="YYYY-MM-dd :hh:mm:ss" /><br>
<br><br>
한국 현재 시각 : <fmt:formatDate value="${now }" type="both" dateStyle="full" timeStyle="full" /><br><br>
<fmt:timeZone value="America/New York" >
뉴욕 현재 시각 : <fmt:formatDate value="${now }" type="both" dateStyle="full" timeStyle="full" /><br>
</fmt:timeZone>
</body>
</html>
반응형
'JSP' 카테고리의 다른 글
[JSP]파일 업로드 (0) | 2024.08.16 |
---|---|
[JSP]문자열 처리 함수 (0) | 2024.08.15 |
[JSP]다국어 태그 라이브러리 (0) | 2024.08.15 |
[JSP]JSP 표준 태그 라이브러리(JSTL) (0) | 2024.08.15 |
[JSP]커스텀 태그 (0) | 2024.08.15 |
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 리액트
- JSP
- Servlet
- Network
- a 태그
- 세션
- 네트워크
- 스프링
- Cookie
- Redux
- httpServletRequest
- react
- Java Server Page
- CSS 속성
- FMT
- 제이쿼리
- 내장객체
- Session
- script element
- el
- 미들웨어
- Spring
- Binding
- html css
- nodejs
- CSS
- 서브넷팅
- 서블릿
- HTML
- javaserverpage
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
글 보관함