FNA Design System

웹 · 표기 규칙

날짜·시각·온도·건수·ID·이름을 화면과 인쇄에서 똑같이 쓰는 법. 심사관이 두 화면의 같은 값을 다르게 읽지 않도록 자릿수·단위·기호를 고정합니다.

날짜2026-09-29 (화)시각12:40온도-18.4℃IDCCP-JNL-01

날짜 · 시각

맥락형식예비고
표·리포트·인쇄 (절대)YYYY-MM-DD (요일)2026-09-29 (화)ISO 순서, 요일은 한 글자 괄호
같은 해 목록MM-DD (요일)09-29 (화)헤더나 필터에 연도가 보일 때만
시니어·앱바 부제M월 D일 (요일)9월 29일 (화)koreanDate()
월YYYY년 M월2026년 9월koreanMonth()
시각HH:mm (24시간) · 초 필요 시 HH:mm:ss12:40 · 12:40:05오전/오후 금지. 인쇄·이력은 초까지
날짜+시각YYYY-MM-DD HH:mm · 목록은 MM-DD HH:mm2026-09-29 12:40T 구분자 금지(ISO 는 data 속성에만)
상대 시각방금 전 · n분 전 · n시간 전 · 어제 · n일 전3분 전agoText(). 7일 넘으면 절대 표기. 툴팁에 절대 시각
기간시작 ~ 끝09-23 ~ 09-29물결 양옆 공백. 같은 날은 09-29 12:40 ~ 12:58
지속n분 · n시간 n분 · n일18분 · 1시간 12분초 단위 지속은 "1분 미만"

온도 · 수치

항목형식예비고
온도소수 1자리 + ℃ (U+2103)-18.4℃ · 75.2℃"도"는 문장 안에서만("2.3도 높습니다"). °C 두 글자 조합 금지
음수하이픈-마이너스(-)-18.4tabular-nums 서체에서 U+2212 를 써도 되지만 데이터·검색 일관성을 위해 화면은 하이픈
기준 범위기준 하한 ~ 상한℃기준 −22 ~ −15℃한쪽 없으면 −(U+2212). rangeText()
편차기준보다 n.n도 높습니다/낮습니다기준보다 2.3도 높습니다+2.3 / −2.3 기호 표기는 차트 툴팁에만
건수정수 + 건, 천 단위 쉼표1,284건 · 42건표 헤더에 "건"이 있으면 셀은 숫자만
비율정수 %62%소수 비율 금지(결재 도넛). 100% 미만 반올림 합이 안 맞으면 표기 "약"
시편 규격재질 + 소수 1자리 mmFe 1.5 · SUS 2.5 · 비철 2.0φ 기호 생략
배터리·신호정수 %82%20% 이하 주의
없음—(em dash)—"-" "N/A" "null" 금지. 미수신은 배지

이름 · ID · 용어

항목형식예
사람이름 (역할은 툴팁·보조줄)김현장 · 이품질 (품질관리자)
업체 · 사업장법인 표기 그대로 · 사업장은 지역+공장(주)한결식품 평택공장
센서구역 이름 (ID 는 보조줄 고정폭)냉동창고 A FRZ-01
라인숫자 + 라인1라인 · 3라인
CCP첫 등장 "중요관리점(CCP)", 이후 CCP-1 가열 · CCP-2 금속검출CCP-2 금속검출
문서 ID종류-사업장-YYYYMMDD 고정폭CCP2-PT-20260929
화면 ID영역-화면-번호 고정폭CCP-JNL-01 (규칙)
경보 IDALM-YYYYMMDD-NNNNALM-20260929-0007
버전vX.Y.Z · 문서 정정본 v2v1.0.0 · 정정본 v2

문장 부호 · 구분

  • 항목 구분은 가운뎃점(·, U+00B7) 양옆 공백: "냉동창고 A · 3분 전".
  • 범위·기간은 물결(~), 대시(–)는 페이지 범위(26–50)에만.
  • 괄호 앞은 공백 하나: "2026-09-29 (화)", "제출 (검토요청)". 단위 괄호는 헤더에서만: "온도 (℃)".
  • 느낌표·물음표는 시니어 질문 제목에만("결재를 제출할까요?"). 말줄임표는 "…" 한 글자.
  • 영문 약어는 대문자(CCP, PDF, QR). 단위 기호는 값에 붙여 쓴다(75.2℃, 82%, 1.5mm).

Do · Don't

2026-09-29 (화) 12:40 · -18.4℃ · 42건
Do 한 화면, 한 형식
9/29 오후 12시 40분 · -18.4 °C · 42 건
Don't 형식 혼재
—미수신
Do 없음은 em dash, 미수신은 배지
N/Anull--
Don't N/A · null · --

안정마지막 갱신 담당 디자인시스템 TF · jjo831@farmzone.kr소스 senior/status.ts (agoText · koreanDate · rangeText) · docs/dataviz.md §4Rules · FNA 디자인 시스템 v1.0