자바스크립트 jstl 함수
오늘은 jstl중에서 fmt와 fn에 대해서 정리해보겠습니다.
그 중에서도 제가 사용 빈도수가 높을 만한 것만 적겠습니다.
먼저 jstl을 사용하기 위해서는 상단에
<%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
를 적어주셔야 합니다.
하는김에
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
를 추가해서 core를 사용해보겠습니다.
core 중에서
<c:set>, <c:out>, <c:url> 등이 있는데 요건 검색해보시기 바랍니다.
먼저 fmt 태그부터 살펴보겠습니다.
fmt는 다국어 내용을 처리하고, 형식화를 이용해 날짜와 숫자 형식 등을 처리하는데
저는 숫자 형식을 처리하는 방법을 기재하겠습니다.
우선 변수를 설정합니다.
<c:set var="number" value="451000"/>
천의자리에서 콤마(,)를 찍습니다.
<fmt:formatNumber value="${number}" type="number" var="numberType" />${numberType}
--->451,000
<fmt:formatNumber value="${number}" type="number" var="numberType" groupingUsed="false"/>${numberType}
--->451000
groupingUsed = false로 되어 있기 때문에 콤마(,)가 제거된 형식으로 출력됩니다.
원화 표시를 나타냅니다.
<fmt:formatNumber value="${number}" type="currency" var="currencyType"/>${currencyType}
--->₩451,000
백분율로 나타냅니다.
<fmt:formatNumber value="0.3" type="percent" var="val3"/>${val3}
---> 30%
소수점 이하의 숫자를 정의합니다.
<fmt:formatNumber value="12345.678123" pattern=".00" var="val4"/>${val4}
--->12345.68
pattern=.00, pattern = .## 은 같은 의미 입니다. 그리고 3번째 자리에서 반올림이 된 것을 확인 할 수 있습니다.
그다음엔 jstl의 function을 사용해 보겠습니다.
예제를 위해 str이라는 변수를 선언해보겠습니다.
<c:set var="str" value="Hello Jstl World "/>
str에 hello를 포함하고 있으면 true 그렇지 않으면 false를 출력합니다.(대소문자를 구분함)
${fn:contains(str, 'hello')}
--->false
contains와 기능은 같고, 대소문자를 구분하지 않습니다.
${fn:containsIgnoreCase(str, 'hello')}
--->true
Jstl의 index의 위치를 반환 합니다.
${fn:indexOf(str, 'Jstl')}
--->6
특정 문자열을 치환하는 문법입니다.
${fn:replace(str, 'Jstl', 'JstlRplace')}
---> Hello JstlRplace World
문자의 처음 시작이 어떤 문자로 시작하는지 알아 낼때 사용합니다.
${fn:startsWith(str, 'Hello')}
---> true
문자의 끝나는 문자가 어떤 문자로 끝나는지 알아 낼때 사용합니다.
${fn:endsWith(str, 'World ')}
---> true
문자의 공백을 제거합니다.
${fn:trim(str)}
--->Hello Jstl World
문자의 시작 위치와 끝나는 위치를 지정하여 문자를 자릅니다.
${fn:substring(str, 6,10)}
---> Jstl
결과 화면
'개발 > javascript,jquery' 카테고리의 다른 글
javascript setInterval, setTimeout 몇 초후 실행, 몇초마다 실행 (0) | 2017.09.09 |
---|---|
attr과 prop의 차이 적어두기! (0) | 2017.08.10 |
javascript Ajax 사용 방법 (0) | 2017.03.10 |
스마트 에디터 이벤트 생성, 키이벤트 (0) | 2016.09.05 |
[javascript]자바스크립트 concat, slice, join, for (0) | 2016.04.17 |
[jquery]제이쿼리 find(), parent() (0) | 2016.04.13 |
[javascript]자바스크립트 reduce, map, filter (0) | 2016.04.11 |