적용 로드맵
네 제품(RN 앱 · 로컬 플랫폼 웹 · 관리자 웹 · 관제 웹)에 토큰과 컴포넌트를 적용하는 순서. 이미 된 것, 보류된 것, 아직 소스에 없는 것을 구분합니다.
✓토큰
RN 앱
웹 3종
제품별 상태
| 제품 | 토큰 | 컴포넌트 | 다크 | 큰글씨 | 다음 할 일 |
|---|---|---|---|---|---|
(c) 관리자 웹 FNA_HACCP/server/public/admin | 적용 | 부분 새 화면부터 .fna-* | 미지원 | body.senior-mode | senior-mode → [data-scale=large] 통일, 화면 ID(ADM-*) 부여 |
(d) 관제 웹 FNA_CC/server/public/field | 적용 | 부분 | 미지원 | 없음 | tokens-auto.css 로 다크, 화면 ID(CTL-*), 벽면 모드 세션 규칙 |
(a) RN 앱 FNA_HACCP/app | 보류 다른 작업자 수정 중 | ui/Button · Toast · ConfirmDialog · senior/ui | DARK_COLORS 준비 | SENIOR | MIGRATION (a) 1~6 · 하드코딩 4곳 · Pretendard 번들 |
(b) 로컬 플랫폼 웹 SF_Setting/FNA_SmartHACCP/web | 보류 녹색 팔레트 | 없음 | 없음 | 없음 | 색 결정(녹색 → 브랜드 블루) 후 --profile local 10분 |
단계
| 단계 | 내용 | 산출물 | 완료 기준 |
|---|---|---|---|
| 1 · 기준 확정 완료 | tokens.json v1.0 · dist · components.css · 감사 차이표 · 문서 사이트 | 이 사이트 | check-contrast 통과, (c)(d) 적용 |
| 2 · 제안 채택 | 빈 상태 · 서명 패드 · 날짜/기간 · 인쇄 양식 · 수정 이력 · 페이지네이션을 components.css 로 | components.css v1.1 · 페이지 상태 stable | (c)(d) 화면 1개 이상에서 실제 사용 |
| 3 · 화면 ID 완성 | ADM-* · CTL-* · AUD-* 부여, 앱바·인쇄 메타에 표시 | 화면 ID 표 v1.1 | 모든 화면 ID 표시, 오류 문구에 ID |
| 4 · RN 적용 | MIGRATION (a): tokens.ts 교체, 다크 테마, 서명·이력·빈 상태 규격 반영 | 앱 vX.Y | tsc · test 통과, 스크린샷 비교 |
| 5 · 로컬 웹 전환 | MIGRATION (b): 녹색 → 블루, .fna-* 채택 | style.css | lint-css-vars 잔여 0 |
| 6 · 인쇄 · PDF | 서버 PDF 생성(양식 템플릿 · 해시 · 정정 별지), 열람 링크 | PDF 서비스 | 심사 패키지 1벌 생성 |
| 7 · 위젯 · 아이콘 | 홈 위젯(작음·중간), SVG 스프라이트, Pretendard 번들 | 앱 · icons.svg | — |
소스에 아직 없는 것 (이 사이트가 제안으로 채운 항목)
- 컴포넌트:
.fna-empty·.fna-signpad·.fna-daterange/.fna-cal·.fna-print·.fna-history·.fna-pager/.fna-loadmore—site/src/assets/proposed.css. - 토큰: primitive 색 스케일(문서용 정리만 존재), 아이콘 크기 토큰, 위젯 규격.
- 규칙: 정부 지원사업 요건(지침 원문 없음 → 초안), 화면 ID(ADM/CTL/AUD 미부여), 세션 정책 수치(서버 설정 확인 필요), 열람 링크·문서 해시(서버 미구현).
- 자산: 로고 벡터 원본, 아이콘 스프라이트, Pretendard 앱 번들.
- 화면: 위젯, 심사관 열람 모드, PDF 묶음 생성, 무효 처리·정정 요청 흐름(서버 status 확장 필요).
결정 필요
- (b) 로컬 플랫폼 웹의 색녹색 유지 vs 브랜드 블루 통일. 통일 시 MIGRATION (b) 즉시 적용 가능
- 음수 기호하이픈(-) vs 마이너스(−). 이 사이트는 화면 하이픈, 기준 범위 표기에만 − 로 정리했음 — 확정 필요
- 세션 시간현장 12h · 관리자 2h · 관제 8h 는 제안값
- 페이지 크기 · 최대 조회 기간25/50/100 · 90일
- 화면 ID 접두AUTH/HOME/TMP/CCP/ALM/RPT/SET/MOD/ADM/CTL/AUD
안정마지막 갱신 담당 디자인시스템 TF · jjo831@farmzone.kr소스 MIGRATION.md · AUDIT.md · 이 사이트의 제안 페이지Resources · FNA 디자인 시스템 v1.0