소개
자바스크립트는 Intl
API를 사용하여 다국어 및 지역화 기능을 지원합니다. 이 API를 사용하면 통화 형식을 지원하는 간단한 코드를 작성할 수 있습니다. 이 글에서는 자바스크립트 Intl
API를 사용하여 통화 형식을 지원하는 방법에 대해 알아보겠습니다.
Intl.NumberFormat
클래스
Intl
객체에는 NumberFormat
클래스가 포함되어 있습니다. 이 클래스를 사용하면 통화 값에 대한 형식을 지정할 수 있습니다.
다음은 Intl.NumberFormat
을 사용하여 통화 형식을 지정하는 예제입니다.
const currencyValue = 12345.67;
const currencyCode = "USD";
const formattedCurrency = new Intl.NumberFormat("en-US", {
style: "currency",
currency: currencyCode,
}).format(currencyValue);
console.log(formattedCurrency);
위의 코드에서는 Intl.NumberFormat
의 첫 번째 인자로 원하는 로케일을 지정합니다. 위의 예제에서는 "en-US"
를 사용하여 미국 로케일을 지정하였습니다. 두 번째 인자로는 형식 옵션을 설정합니다. 위의 예제에서는 style
을 "currency"
로 설정하고 currency
를 currencyCode
변수로 지정하였습니다. 이렇게 설정한 후 format
메서드를 사용하여 통화 형식을 적용하고 결과를 반환합니다.
결과
위의 예제를 실행하면 다음과 같은 결과가 출력됩니다.
$12,345.67
기타 옵션
Intl.NumberFormat
클래스는 통화 형식 외에도 다양한 다국어 및 지역화 옵션을 지원합니다. 예를 들어 소수점과 그룹 구분 기호를 사용자가 원하는 대로 설정할 수도 있습니다. 이 외에도 숫자 형식, 백분율 형식 등 다양한 형식 옵션을 지정할 수 있습니다. 자세한 내용은 MDN 문서를 참조하시기 바랍니다.
끝맺음
이제 자바스크립트 Intl
API를 사용하여 통화 형식을 지원하는 방법에 대해 알아보았습니다. 이를 활용하면 다국어 및 지역화 기능을 보다 쉽게 구현할 수 있습니다. 통화 형식 외에도 다양한 형식 옵션을 설정할 수 있으므로 필요에 따라 유연하게 활용해보세요.