Internationalization API

Internationalization API (ITNL,I18N, 바닐라js의 Api)

숫자 포맷터 / 날짜 포맷터

1.콤마표시

const formatter = new Intl.NumberFormat('ko')
formatter.format('1000000') //'1,000,000'

2.브라우저의 설정 언어에 따른 문자표시

const formatter = new Intl.NumberFormat(navigator.language,{notation:'compact'})
formatter.format('1000000') //‘100만’

3.환율

const formatter = new Intl.NumberFormat(‘ko’,{style:’currency’,currency:’krw’,notation:'compact'})
formatter.format('1000000') // ‘₩1만’
notation:'compact’ 이없으면 // ‘₩10000’

4.날짜비교

const formatter = new Intl.RelativeTimeFormat('ko',{notation:'compact'})
formatter.format(-2,'day')  // 2일전
formatter.format(2,'day') // 2일후
const formatter = new Intl.RelativeTimeFormat('ko',{numeric:'auto'})
formatter.format(-2,'day')  // 이틀전
formatter.format(2,'day') // 이틀후

5.timeago 라이브러리

상대적인 시간을 second ago ~ year ago 까지 동적으로 표시

6.국가별 날짜 포맷

new Intl.DateTimeFormat('ko').format(new Date(2022,10,26)) // 2022. 11. 26

7.날짜 포맷 (인스턴스 생성 생략시)

new Date(2022,10,26).toLocaleString() // '2022. 11. 26. 오전 12:00:00'
new Date(2022,10,26).toLocaleString('ko',{year:'numeric',month:'short',day:'numeric'})  //'2022년 11월 26일'

8.temporal 이라는 더 쉬운 자바스크립트의 date의 api가 곧 출시한다는 말이있음

참조

https://www.youtube.com/watch?v=2AMRTAFSh98

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Intl