FORMATTINGLOCALEINTL

다국어 숫자 포맷터

숫자를 로케일별(ko-KR, en-US 등) 표준 양식과 화폐 기호, 소수점에 맞게 다중 변환하고 Javascript 코드를 생성합니다.

포맷 옵션 설정

숫자 입력 (Number Input)

포맷 스타일 (Style)

표기법 (Notation)

천 단위 구분 쉼표 사용1,000 단위 구분 기호 활성화

최소 소수점 자릿수 (Min Decimals)0

최대 소수점 자릿수 (Max Decimals)2

로케일별 실시간 출력 (Locale Previews)

🇰🇷

South Korea (한국어)ko-KR

1,234,567.89

🇺🇸

United States (English)en-US

1,234,567.89

🇩🇪

Germany (Deutsch)de-DE

1.234.567,89

🇯🇵

Japan (日本語)ja-JP

1,234,567.89

🇫🇷

France (Français)fr-FR

1 234 567,89

🇨🇳

China (简体中文)zh-CN

1,234,567.89

🇮🇳

India (English)en-IN

12,34,567.89

🇪🇬

Egypt (العربية)ar-EG

١٬٢٣٤٬٥٦٧٫٨٩

JavaScript 코드 스니펫

// JavaScript Intl.NumberFormat Snippet
const number = 1234567.89;
const formatter = new Intl.NumberFormat('ko-KR', {
  style: 'decimal',
  useGrouping: true,
  minimumFractionDigits: 0,
  maximumFractionDigits: 2,
  notation: 'standard',
});

console.log(formatter.format(number));
// 출력결과 (ko-KR 기준): 1,234,567.89

도구 설명 및 사용 방법

다채로운 로케일(ko-KR, en-US, de-DE 등) 규격에 부합하도록 숫자를 현지 통화 및 쉼표 단위 구성을 적용하고 JavaScript 실무 구현 코드를 함께 도출하는 유틸리티입니다. 국제화(i18n) 작업에 필수입니다.

사용 단계

입력창에 포맷팅할 양의 정수 또는 실수값을 입력합니다.

화폐 단위 표기 모드를 활성화한 뒤 KRW, USD, EUR 등 타겟 화폐 기호를 선택 조율해 봅니다.

천 단위 쉼표 제거 여부, 소수점 이하 자릿수 최대/최소 허용 범위 슬라이더를 맞춥니다.

우측 로케일별 실시간 출력판에서 적절한 값을 골라 복사하거나 하단 Javascript Intl 코드를 카피해 사용합니다.

작동 원리 및 상세 설명

숫자와 통화의 표기 방식은 국가와 언어에 따라 크게 다릅니다(천 단위 구분자, 소수점 기호, 통화 기호 위치, 소수점 자릿수, 표기법 등). JavaScript의 Intl.NumberFormat은 ECMAScript Internationalization API를 통해 각 로케일의 관례를 표준에 따라 정확하게 구현합니다. 이 도구는 여러 로케일의 실제 출력 결과를 실시간으로 비교하고, 사용자가 선택한 옵션에 맞는 Intl.NumberFormat 호출 코드를 함께 생성해 줍니다. 이를 통해 개발자는 "한국에서는 이렇게, 독일에서는 저렇게" 보이는 것을 빠르게 확인하고, 바로 복사하여 코드에 적용할 수 있습니다. 모든 포맷팅 계산과 코드 생성이 브라우저 로컬에서 수행되므로, 민감한 금액 데이터도 외부에 노출되지 않고 안전하게 테스트할 수 있습니다.

자주 묻는 질문 (FAQ)

한국에서 1,234.56을 독일에서는 어떻게 표시하나요?

독일( de-DE )에서는 천 단위 구분자로 마침표(.), 소수점으로 쉼표(,)를 사용합니다: 1.234,56. 반대로 미국은 1,234.56입니다. 이 도구로 여러 로케일의 실제 출력을 동시에 확인할 수 있습니다.

통화 기호가 앞에 붙는 경우와 뒤에 붙는 경우가 있나요?

네. USD, EUR 등은 보통 기호가 앞에($1,234.56), 일부 국가(KRW, JPY 등)는 뒤에 붙거나 공백을 두는 경우도 있습니다. Intl.NumberFormat이 각 로케일의 관례를 자동으로 반영합니다.

생성된 Intl 코드가 실제 프로젝트에서 바로 동작하나요?

대부분의 현대 브라우저와 Node.js에서 잘 동작합니다. 다만 매우 오래된 환경에서는 폴리필이 필요할 수 있습니다. 도구에서 출력되는 코드를 복사하여 사용하고, 필요 시 테스트하세요.

코드 사용 예시

국제화된 대시보드나 영수증 출력

javascript

// 다양한 로케일로 숫자와 통화를 포맷팅
const amount = 1234567.89;

console.log(
  amount.toLocaleString('ko-KR', { 
    style: 'currency', 
    currency: 'KRW' 
  })
); // ₩1,234,568

console.log(
  amount.toLocaleString('de-DE', { 
    style: 'currency', 
    currency: 'EUR' 
  })
); // 1.234.567,89 €

// 도구 하단에서 바로 복사 가능한 Intl 코드도 제공됩니다.

다국어 서비스, 관리자 대시보드, 영수증, 보고서 등에서 숫자와 통화를 현지 관례에 맞게 표시해야 할 때 사용하는 표준 방법입니다.