ㅁ 숫자 3자리마다 콤마(,) 찍기
asp 및 vbs 시절에는 formatnumber 라는 함수를 이용하여 숫자 3자리마다 콤마를 찍곤 하였다.
세상이 변하여 vbs 가 통하지 않는 시절이 되어 javascript 함수를 만들어 사용해야 하는 상황이 도래하였다. ^^
ㅁ jquery 로 구현
자바스크립트로 맨땅에 헤딩하기 보다는, jquery 나 jquery plugin 형태의 솔루션을 찾아 보았다.
역시나, 세상은 넓고 천재는 많다.
적용이 쉬워 보이는 jquery-number 를 이용해서 해당 기능을 구현해 보고자 한다.
https://github.com/teamdf/jquery-number
위 사이트에서 jquery-number 를 다운로드 받을 수 있다.
본인도 다운로드 기능을 찾지 못해 좀 해맸기 때문에 우려해서 말씀드리면, 오른쪽 아래에 Download Zip 이라는 버튼이 있다. ^^
그래도 못찾으시는 분들을 위해서 다운로드 링크를 남긴다. ㅡㅡ
https://github.com/teamdf/jquery-number/archive/master.zip
적용 소스는 간단하다.
우선, jQuery 는 1.6 이상이 필요하다.
jquery.number.js 나 jquery.number.min.js 둘 중에 하나를 삽입한다.
1. 기본적으로 소수점 이하는 없애고 천단위로 콤마를 찍는다.
$.number( 5020.2364 ); // Outputs 5,020
2. 소수점 이하를 표현하고자 한다면, 파라미터를 하나 더 넘겨 준다.
$.number( 5020.2364, 2 ); // Outputs: 5,020.24
위 소스의 제작자는 DIGITAL FUSION 으로, 웹사이트는 다음과 같다.
http://www.teamdf.com/web/jquery-number-format-redux/196
'개발' 카테고리의 다른 글
마이크로소프트, .NET 오픈소스 및 크로스 플랫폼 지원 강화한 비주얼 스튜디오 2015 등 개발자용 솔루션 발표 (0) | 2014.11.16 |
---|---|
그누보드 url 변경을 위한 php 의 strlen, stristr , str_replace 구문 활용 (0) | 2014.11.11 |
nowrap 태그를 대신하는 스타일시트 css 구문 (0) | 2014.10.19 |
JSP 문서에서 주석 구문, 주석 달기 (0) | 2014.09.23 |
css 스타일 시트, span 태그에 width 주는 방법 (0) | 2014.09.23 |