FNA Design System

웹 · 화면 ID

모든 화면은 영역-화면-번호 형태의 ID 를 가지며, 앱바 부제·인쇄 메타·오류 보고·심사 보고서에서 같은 ID 로 불립니다. ID 는 한 번 정해지면 바뀌지 않고, 폐기된 ID 는 재사용하지 않습니다.

CCP-JNL-01

형식

영역(3자) - 화면(3~4자) - 번호(2자)      예) CCP-JNL-01
영역: AUTH 인증 · HOME 홈 · TMP 온도 · CCP 중요관리점 · ALM 경보 · RPT 리포트 · SET 설정 · MOD 모듈 · ADM 관리자 · CTL 관제 · AUD 심사
화면: 3~4자 영문 대문자 약어 (LIST · DETL · JNL · DAY · SIGN · LIMIT …)
번호: 01 부터. 같은 화면의 변형(시니어)은 번호 대신 접미 -S (예: CCP-JNL-01-S)

어디에 표시하나

위치표시비고
앱바 · 카드 제목 옆고정폭 11px muted CCP-JNL-01폰에서는 설정 > 정보 > "현재 화면 ID" 또는 앱바 길게 누르기
브라우저 title화면명 · FNA 스마트해썹ID 는 title 에 넣지 않는다(검색 방해)
인쇄 메타화면 ID + 문서 ID + 출력 시각인쇄 양식
오류 보고토스트·배너 오류 문구 끝 (CCP-JNL-01)고객지원이 화면을 특정
심사관 열람모든 화면 제목 옆 필수심사관 읽기 전용
URL경로는 ID 와 무관(사람이 읽는 경로). data-screen="CCP-JNL-01" 속성을 body 에자동 테스트·분석 도구용

화면 목록 (v1.0)

ID화면명소스역할
AUTH-CONNECT-01업체 연결Auth/ConnectScreen전체
AUTH-LOGIN-01로그인Auth/LoginScreen전체
HOME-DASH-01현황 (대시보드)Dashboard/DashboardScreen전체
HOME-DASH-01-S현황 (시니어)senior/SeniorHomeScreen작업자
TMP-LIST-01 / -S센서 목록senior/SeniorSensorsScreen전체
TMP-DETL-01 / -S센서 상세Dashboard/SensorDetailScreen전체
CCP-HOME-01 / -SCCP 홈Ccp/CcpHomeScreen · senior/ccp/SeniorCcpScreen작업자·품질
CCP-JNL-01금속검출 일지 (CCP-2)Ccp/MetalDailyScreen작업자·품질
CCP-JNL-01-S금속검출 판정 (시니어)senior/ccp/SeniorMetalCheckScreen · SeniorMetalPassScreen작업자
CCP-JNL-02가열 온도 기록 (CCP-1)Ccp/HeatDailyScreen작업자·품질
CCP-JNL-02-S가열 배치 기록 (시니어)senior/ccp/SeniorHeatBatchScreen작업자
CCP-DOC-01일지 문서 보기Ccp/JournalDocModal전체
ALM-LIST-01 / -S경보 센터Alarm/AlarmCenterScreen · senior/SeniorAlarmsScreen전체
RPT-LIST-01 / -S리포트 목록Reports/ReportsScreen품질·승인
RPT-DAY-01 / -S일일 리포트 · 결재Reports/DailyReportScreen품질·승인
HIS-LIST-01 / -S이력History/HistoryScreen전체
MOD-NONE-01모듈 없음Modules/NoModulesScreen전체
MOD-PREREQ-01선행 요건Modules/PrerequisiteScreen품질
SET-MAIN-01 / -S설정Settings/SettingsScreen전체
SET-NOTI-01 / -S알림 설정Settings/NotificationSettingsScreen전체
SET-SIGN-01서명 등록Settings/SignatureScreen결재자
SET-PW-01비밀번호 변경Settings/PasswordChangeScreen전체
SET-SVC-01 / -02서비스 요청 목록 / 새 요청Settings/ServiceRequestScreen · ServiceRequestNewScreen전체
ADM-* · CTL-* · AUD-*관리자 웹 · 관제 웹 · 심사 열람server/public/admin · FNA_CC field미부여 — 로드맵

규칙

  • ID 는 기능이 아니라 화면에 붙는다. 같은 화면의 탭·필터 상태는 ID 가 같다. 모달은 부모 화면 ID + /M 접미(예: RPT-DAY-01/M-REJECT).
  • 화면을 없애면 ID 는 "폐기"로 표시하고 재사용하지 않는다. 화면을 나누면 새 번호(02, 03).
  • ID 목록은 이 페이지가 원본이며, 변경은 변경 이력에 기록한다.
  • 화면 정의서(지원사업 제출)는 이 표 순서대로, 각 ID 마다 캡처 1장(라이트·데스크톱 또는 폰) + 시니어 변형.

관리자 웹·관제 웹·심사 열람의 ID(ADM-* · CTL-* · AUD-*)는 아직 부여하지 않았습니다. 해당 소스(D:\FNA_HACCP\server\public\admin, D:\FNA_CC\server\public\field)를 기준으로 다음 판에서 채웁니다.

초안마지막 갱신 담당 디자인시스템 TF · jjo831@farmzone.kr소스 규칙 초안 — 앱 screens/ 폴더 구조 기준으로 ID 부여Rules · FNA 디자인 시스템 v1.0