본문 바로가기
국비과정/Backend

국비 76일차 - [JSTL, Ajax] JSTL Formatting Tags, JavaScript방식 Ajax

by Jeong.dev 2022. 7. 14.

JSTL

1.  JSTL Core Tags

2.  JSTL Formatting Tags

1) fmt:formatNumber 태그

- 숫자 데이터의 포맷을 지정할 때 사용하는 태그

<fmt:formatNumber type="number" value="123456789" groupingUsed="true"/> <!-- 123,456,789 -->

<fmt:formatNumber value="1.23" pattern="#.###"/> <!-- 1.23 -->
<fmt:formatNumber value="1.2346" pattern="#.###"/> <!-- 1.235 -->
<fmt:formatNumber value="1.23" pattern="0.000"/> <!-- 1.230 -->
<fmt:formatNumber value="1.2346" pattern="0.000"/> <!-- 1.235 -->

<fmt:formatNumber value="50000"/> <!-- 50,000 -->
<fmt:formatNumber type="currency" currencySymbol="$" value="50000"/> <!-- $50,000 -->
<fmt:formatNumber type="percent" value="0.7"/> <!-- 1이 100% -->

- groupingUsed 속성 : 숫자 단위의 구분자(,) 표시 여부 지정

기본값 : true -> 3자리마다 , 표시 / false면 , 표시 안함

 

- pattern 속성 : 화면에 표시할 숫자 데이터의 패턴 지정

#랑 0 모두 초과되는 부분은 반올림되고 

#는 부족한 부분 표시 안함

0는 부족한 부분 0으로 채워넣음

 

2) fmt:formatDate 태그

- 날짜와 시간 데이터의 포맷 지정하는 태그

<c:set var="date" value="<%= new java.util.Date() %>"/>
<!-- type 속성 생략 가능 (기본값: date) -->
<fmt:formatDate value="${ date }"/> <!-- 페이지 영역에 있는 date에 접근 -->

날짜 : <fmt:formatDate type="date" value="${ date }"/> 
시간 : <fmt:formatDate type="time" value="${ date }"/> 
둘 다 : <fmt:formatDate type="both" value="${ date }"/>
short : <fmt:formatDate type="both" dateStyle="short" timeStyle="short" value="${ date }"/>
medium : <fmt:formatDate type="both" dateStyle="medium" timeStyle="medium" value="${ date }"/>
long : <fmt:formatDate type="both" dateStyle="long" timeStyle="long" value="${ date }"/>
full : <fmt:formatDate type="both" dateStyle="full" timeStyle="full" value="${ date }"/>
pattern : <fmt:formatDate type="both" pattern="yyyy-MM-dd(E) HH:mm:ss(a)" value="${ date }"/>

- dateStyle 쓰려면 타입이 date거나 both여야 한다

- dateStyle, timeStyle 기본값 medium

 

3) fmt:setLocale 태그

- 지역 설정을 통해 통화 기호나 시간 대역을 다르게 설정 가능

<fmt:setLocale value="en_us"/>
<fmt:setLocale value="ko_KR"/>

 

 

3.  JSTL Function Library

- EL 구문에서 문자열 처리에 관련된 메소드들을 사용할 수 있게 제공하는 라이브러리

 

 

Ajax

1.  JavaScript방식 

 

댓글