Knowledge Base

태블로에서 사용자 정의 숫자 서식을 사용하는 방법

Yehwan Hwang

11 7월 2025 • 4 min read

태블로에서 시각화를 만들다 보면 숫자의 표현 방식을 세밀하게 조정해야 할 때가 있습니다. 예를 들어 백만 단위로 수치를 간결하게 표현하거나, 특정 접미사를 붙이거나, 음수는 괄호로 표시하고 싶은 경우 등입니다. 이러한 요구에 맞춰 태블로는 사용자 정의 숫자 서식(Custom Number Formatting) 기능을 제공합니다. 이 기능을 활용하면 숫자의 시각적 표현을 더욱 직관적으로 구성할 수 있습니다.

사용자 정의 숫자 서식은 서식 패널 또는 필드 단위로 정의한 서식에서 설정할 수 있으며, 숫자의 패턴을 원하는 형태로 지정할 수 있습니다. 아래는 자주 사용하는 서식 예시와 활용 팁입니다.

기본 구조

태블로에서 사용하는 숫자 필드의 사용자 정의 서식은 다음과 같이 세미콜론(;)으로 구분되어 양수, 음수, 0의 숫자에 대한 서식을 지정할 수 있습니다.

주요 기호의 의미

서식 지정에 사용되는 문자열의 의미입니다.

기호	의미	예시	설명
`#`	숫자가 있는 경우만 표시	12 → `###` → 12	0은 표시하지 않음
`0`	숫자가 없으면 0으로 표시	12 → `000` → 012	자릿수 고정
`,`	천 단위 구분자 또는 단위 조정	1,200 → `#,##0,` → 1.2	천 단위 구분
`.`	소수점 구분자	2 → `0.00` → 2.00	소수점 이하 자리수 표시
`;`	조건 구분자	`#,##0;(#,##0)`	양수와 음수 구분
`%`	백분율 표시	0.5 → `0.0%` → 50.0%	숫자 × 100
`"`	텍스트로 감싸기	5 → `0"명"` → 5명	숫자 앞/뒤 텍스트 추가

이외 Y, M, D 등 숫자 값을 날짜로 변환하여 반환하는 서식 문자열이 존재하지만, 거의 사용되지 않으며 별도의 계산식을 만들어 사용하시기를 권장 드립니다.

숫자를 날짜로 변환하는 원리가 궁금하시다면 아래 포스트를 참고해보시기 바랍니다.

기본 서식

서식 지정의 기본 원리가 되는 예시입니다.

서식	의미
`#,##0`	천 단위 구분자 포함한 정수
`#,##0.00`	소수 둘째 자리까지 표시
`#,##0,,M`	백만 단위로 표시 (예: 1,000,000 → 1M)
`#,##0.0%`	소수점 포함 백분율 표시
`+#,##0;-#,##0`	양수에는 `+`, 음수에는 `-` 부호 표시

자주 사용하는 서식

실제 현장에서 자주 사용되는 서식이며, 필요에 따라 응용하여 사용하시기 바랍니다.

서식	의미
`#,##0,,.0M;-#,##0,,.0M`	백만 단위로 소수점 첫째 자리까지 표시 (예: 1,200,000 → 1.2M)
`▲0.0%;▼0.0%;"-"`	백분율 증감 표시
`"#"000`	순번 표시
`🟢;🔴`	KPI 달성 여부 표시

⚠️

이모지는 사용하는 OS, 브라우저마다 다르게 렌더링되며, 패널과 머리글 위치에 따라 표시 여부가 다르므로 확인 후 사용하시기 바랍니다.