포맷태그로 출력

최주영·2023년 7월 4일
0

JSTL

목록 보기
2/2

<fmt:formatNumber/> 태그

  • 기본적으로 숫자 출력해줌 (3자리씩 ,로 끊어줌)
	<p>숫자단위 쉼표를 처리하는 속성 : groupingUsed="true/false"</p>
	<p>true : <fmt:formatNumber value="${numtest }" groupingUsed="true"/></p> 
    // true 속성이면 쉼표구분하고 false면 구분안함 
	<p>false : <fmt:formatNumber value="${numtest }" groupingUsed="false"/></p>
    
    <h3>숫자를 화폐표시하기</h3>
	<p>type속성을 currency로 설정</p>
	<p>원화로 표시 : <fmt:formatNumber value="${numtest1 }" type="currency"/></p>
	<p>원하는 화폐기호로표시 : <fmt:formatNumber value="${numtest1}" type="currency" currencySymbol="^.~"/>
	// currencySymbol="^.~" -> 숫자앞에 ^.~가 나옴 
	 
	 // <fmt:setLocale value="ja_JP"/> // setLocale : 원하는 나라의 돈으로 표시 
	 <p>일본돈으로 표시 : <fmt:formatNumber value="${numtest1 }" type="currency"/></p>
	 <p>현재 로케일확인 : ${pageContext.request.locale }</p>
	 
	 <h3>퍼센트표시하기</h3>
	 <p>소수점으로 표시 1-> 100%, 0-> 0%, </p>
	 <p>퍼센트 : <fmt:formatNumber value="${numtest2 }" type="percent"/></p>
	 <p>퍼센트 : <fmt:formatNumber value="0.5" type="percent"/></p>
	 <p>퍼센트 : <fmt:formatNumber value="0.25" type="percent"/></p>
     
     <h3>패턴으로 숫자를 표시하기</h3>
     <p>
     	자리수에 맞춰서 특정문구를 출력 <br>
     	0 : 지정한 자리에 수가 없으면 0으로 표시
     	# : 지정한 자리에 수가 없으면 생략
     </p>
     
     <p>0 : ${numtest3 } -> <fmt:formatNumber value="${numtest3 }" pattern="000,000,000"/> // 000,001,235  
     <p># : ${numtest3 } -> <fmt:formatNumber value="${numtest3 }" pattern="###,###,###"/> //  1,235 
     <p>소수점 : ${numtest3} -> <fmt:formatNumber value="${numtest3 }" pattern="000,000.000"/> // 정수는 6자리 소수점 3자리 
     <p>소수점 : ${numtest3} -> <fmt:formatNumber value="${numtest3 }" pattern="###,###.000000"/> // 1,234.567000 
     
     
     <h3>소수점 자리수 설정하기</h3>
     <p>
     	minFractionDigits : 최소 소수점 자리 <br>
     	maxFractionDigits : 최대 소수점 자리 <br>
     </p>
     <h3><fmt:formatNumber value="123.1" minFractionDigits="2"/></h3> // 최소2자리까지는 표시해야함 -> 123.10 이 나옴 
     <h3><fmt:formatNumber value="123.1261231" maxFractionDigits="2"/></h3> // 최소2자리까지는 표시해야함 -> 반올림해서 123.13 이 나옴 

<fmt:formatDate/> 태그
위 태그 사용안하고 날짜출력이 가능하긴함

<fmt:formatDate/> 예시

	<c:set var="today" value="<%=new Date() %>"/> 
	<h3><c:out value="${today }"/></h3>

<p>
		type: date,time,both 값을 설정
			date: 날짜만 출력 (,,)
			time: 시간만 출력 (,,)
			both: 날짜와 시간 둘다 출력(,,,,,)
		dateStyle: 날짜를 출력하는 방식(default, short, long, full) 
		timeStyle: 시간을 출력하는 방식(medium, short, long, full)
	</p>
	
	<h3>date : <fmt:formatDate value="${today }" type="date"/></h3>
	<h3>time : <fmt:formatDate value="${today }" type="time"/></h3>
	<h3>both : <fmt:formatDate value="${today }" type="both"/></h3>
	
	<h2>기본스타일을 이용해서 형식변경하기</h2>
	<h3>default : <fmt:formatDate value="${today }" type="date" dateStyle="default"/></h3>
	<h3>short : <fmt:formatDate value="${today }" type="date" dateStyle="short"/></h3>
	<h3>long : <fmt:formatDate value="${today }" type="date" dateStyle="long"/></h3>
	<h3>full : <fmt:formatDate value="${today }" type="date" dateStyle="full"/></h3>
	
	<h3>medium : <fmt:formatDate value="${today }" type="time" timeStyle="medium"/></h3>
	<h3>short : <fmt:formatDate value="${today }" type="time" timeStyle="short"/></h3>
	<h3>long  : <fmt:formatDate value="${today }" type="time" timeStyle="long"/></h3>
	<h3>full : <fmt:formatDate value="${today }" type="time" timeStyle="full"/></h3>
	
	<h3>두스타일 적용하기: (날짜 시간 둘다 방식다르게)
		<fmt:formatDate value="${today}" type="both" dateStyle="full" timeStyle="short"/>
	</h3>
	
	<h2>패턴으로 스타일 커스터마이징하기</h2>
	<p>
		yy() MM() dd() hh(시간) mm() ss() SSS
	</p>
	<h3>
		<fmt:formatDate value="${today }" type="date" pattern="yyyy/MM/dd"/> // 2023/07/04 
	</h3>
	<h3>
		<fmt:formatDate value="${today }" type="time" pattern="hh/mm/ss"/>  // 08/35/00 
	</h3>
	<h3>
		<fmt:formatDate value="${today }" type="both" pattern="yyyy-MM-dd (E) hh:mm:ss"/>  // 2023-07-04 (화) 08:35:00 
	</h3>
	
	<h2>시간기준 설정해서 출력하기</h2>
	<h3>
		<fmt:timeZone value="GMT"> // 표준시 -> 영국기준으로 시간나옴 (우리나라보다 9시간느림) 
			<fmt:formatDate value="${today }" type="time"/>
		</fmt:timeZone>
	</h3>
	
	<h2>로케일설정을 바꾸면 나라에 맞는 형식으로 날짜를 출력</h2>
	<h3>
		<fmt:formatDate value="${today }" type="both"/>
	</h3>
profile
우측 상단 햇님모양 클릭하셔서 무조건 야간모드로 봐주세요!!

0개의 댓글