반응형
앞서 전화번호 입력시, 자동으로 하이픈 (-)을 넣어주는 기능을 만들어 두었었죠. 이번에는 돈에 대해서 문자열 파싱을 하는 기능을 공유할게요.
필요하실 때마다 가져다 쓰세요.
어려운 기능 전혀 없습니다. 그래도, 아직 html 을 변형하는 것이나, js 에 익숙하지 않아 설명이 필요하시거나 질문이 있으시면 언제든 댓글 주세요.
See the Pen Untitled by Junmannn (@Junmannn) on CodePen.
rails 를 예를 들어 다른 방법을 볼게요. 다른 문법에서도 방법은 동일합니다.
저는 숫자를 문자열로 형변환을 한 후, 3개씩 끊어 콤마(,) 를 추가해주는 방식을 했습니다
number = 123490481239
number.to_s.reverse.gsub(/(\d{3})(?=\d)/, '\\1,').reverse
# 문자열로 변환 후 3자리씩 , 를 넣어 대치
다른 화폐단위여도 또 금방 응용해서 변형해 보실 수 있겠죠?
반응형
'Font-End' 카테고리의 다른 글
스크롤 반응형 헤더, 스크롤 반응형 탭(네비게이션), responsive nav, sticky tab (2) | 2022.07.25 |
---|---|
달력 뷰 만들기, fullcalendar 사용하기, 일정 달력 만들기, 캘린더 만들기 (0) | 2022.07.24 |
Html 전화번호 자동으로 - 하이픈 생성 (0) | 2022.06.09 |
<a> 태그 후 float 스타일 사용시 겹침, div 요소 오른쪽 정렬 (0) | 2022.05.17 |
모든 국가 정보 가져오는 프로그램 (0) | 2022.04.16 |