본문 바로가기

나의 FE피봇이야기/Javascript

[Js/format ] 날짜, 통화 데이터 등의 정보를 변환해주는 함수

통화(ts)

const CURRENCY_FORMATTER = new Intl.NumberFormat(undefined, { currency : "ko", style:"currency",})


export const formatCurrency = (number : number) =>{ return CURRENCY_FORMATTER.format(number)}

 

출처 : 직접

 

날짜

예를 들어, 현재 날짜를 한국 사용자들을 위한 형식으로 변환하고 싶다면 DateTimeFormat() 생성자로 포맷터를 생성한 객체의 format() 함수를 호출하면 됩니다.

> const koDtf = new Intl.DateTimeFormat("ko", { dateStyle: "long" });
undefined
> koDtf.format(new Date())
'2022년 3월 8일'

 

예를 들어, 현재 날짜를 한국 사용자들을 위한 형식으로 변환하고 싶다면 DateTimeFormat() 생성자로 포맷터를 생성한 객체의 format() 함수를 호출하면 됩니다.

> const koDtf = new Intl.DateTimeFormat("ko", { dateStyle: "long" });
undefined
> koDtf.format(new Date())
'2022년 3월 8일'

 

통화량 증가 animationEffect

npm i react-countup // Client component

https://www.npmjs.com/package/react-countup

 

원글

https://www.daleseo.com/js-intl-api/