Intl

insertComma

const formatter = new Intl.NumberFormat('ko-KR');

export function insertComma(num: number) {
  return formatter.format(num);
}

Intl.NumberFormat

Intl.NumberFormat 객체는 JavaScript에서 숫자를 특정 로케일과 형식에 맞게 포맷하는 데 사용됩니다. new Intl.NumberFormat('ko-KR')은 한국어(Korean) 형식으로 숫자를 포맷하는 객체를 생성합니다. 이를 통해 숫자를 한국어 숫자 형식으로 쉽게 변환할 수 있습니다.

1. 기본 숫자 포맷팅:

   const numberFormatter = new Intl.NumberFormat('ko-KR');
   const formattedNumber = numberFormatter.format(1234567.89);
   console.log(formattedNumber); // "1,234,567.89"

2. 통화 형식으로 포맷팅: 통화 형식을 사용하여 숫자를 한국 원화로 포맷팅할 수 있습니다.

   const currencyFormatter = new Intl.NumberFormat('ko-KR', { style: 'currency', currency: 'KRW' });
   const formattedCurrency = currencyFormatter.format(1234567.89);
   console.log(formattedCurrency); // "₩1,234,567"

3. 백분율 형식으로 포맷팅: 백분율 형식을 사용하여 숫자를 백분율로 포맷팅할 수 있습니다.

   const percentFormatter = new Intl.NumberFormat('ko-KR', { style: 'percent' });
   const formattedPercent = percentFormatter.format(0.1234);
   console.log(formattedPercent); // "12%"

4. 정밀도 설정: 소수점 이하 자리수를 설정할 수 있습니다.

   const preciseFormatter = new Intl.NumberFormat('ko-KR', { minimumFractionDigits: 2, maximumFractionDigits: 2 });
   const formattedPrecise = preciseFormatter.format(1234567.89);
   console.log(formattedPrecise); // "1,234,567.89"

5. 사용자 정의 설정: 사용자 정의 설정을 사용하여 숫자 포맷팅을 세부 조정할 수 있습니다.

   const customFormatter = new Intl.NumberFormat('ko-KR', {
     style: 'currency',
     currency: 'KRW',
     minimumFractionDigits: 0,
     maximumFractionDigits: 0
   });
   const formattedCustom = customFormatter.format(1234567.89);
   console.log(formattedCustom); // "₩1,234,568"

Intl.NumberFormat 객체를 사용하면 숫자를 로케일에 맞게 손쉽게 포맷할 수 있습니다. 한국어 형식으로 숫자를 포맷할 때는 new Intl.NumberFormat('ko-KR')을 사용하며, 통화, 백분율, 정밀도 등 다양한 옵션을 추가하여 세부적인 포맷팅을 수행할 수 있습니다. 이를 통해 숫자를 사용자에게 더욱 이해하기 쉽게 표시할 수 있습니다.