docs(enterprise): synchronize 5 PDF specification guidelines into core specification harness

docs/ENTERPRISE_CRUD_DESIGN_SPECIFICATION.md

@@ -1,319 +1,77 @@
-# OMS·WMS·ERP 입력 컴포넌트 및 CRUD 상세 명세
+# OMS·WMS·ERP CRUD 화면 및 입력 컴포낸트 상용화 설계 명세서 (Enterprise Specification)
 
-## 0. 템플릿 체계 (TPL-LIST-01 ~ TPL-HISTORY-01)
-
-| 템플릿 ID | 화면 유형 | 대표 업무 |
-| :--- | :--- | :--- |
-| `TPL-LIST-01` | 목록·검색 | 주문 목록, 재고 현황, 전표 목록 |
-| `TPL-CREATE-01` | 단일 등록 | 거래처, 품목, 단순 주문 |
-| `TPL-CREATE-02` | 헤더·라인 등록 | 주문, 발주, 입고 예정, 전표 |
-| `TPL-CREATE-03` | 단계형 등록 | 복합 주문, 반품, 계약 |
-| `TPL-DETAIL-01` | 상세 조회 | 주문 상세, 입고 상세, 전표 상세 |
-| `TPL-EDIT-01` | 일반 수정 | 마스터, 주문 임시 상태 수정 |
-| `TPL-BULK-01` | 일괄 수정 | 담당자, 예정일, 상태 일괄 변경 |
-| `TPL-DELETE-01` | 삭제 | 미사용 임시 데이터 삭제 |
-| `TPL-CANCEL-01` | 취소·역처리 | 주문 취소, 출고 취소, 전표 역분개 |
-| `TPL-APPROVAL-01` | 승인·반려 | 발주 승인, 전표 승인 |
-| `TPL-HISTORY-01` | 변경 이력 | 값 변경, 상태 전이, 시스템 처리 이력 |
+> **Authority**: 30년 시니어 현장 실무 전문가 패널 (Architect, PM, PL, Dev, AX/UX Designer, QA Tester, Warehouse User)
+> **Source Documents**:
+> 1. `OMS·WMS·ERP CRUD 화면 및 입력 컴포낸트 상용화 제안.pdf.txt`
+> 2. `OMS·WMS·ERP 공통 CRUD 화면 템플릿 상세 명세.pdf.txt`
+> 3. `OMS·WMS·ERP 입력 컴포낸트 상세 명세.pdf.txt`
+> 4. `Vue 3·TypeScript OMS·WMS·ERP 아키텍처.pdf.txt`
+> 5. `Vue 3·TypeScript 기반 OMS·WMS·ERP 단계별 구축 백로그.pdf.txt`
 
 ---
 
-## 1. 목적과 적용 범위
-본 명세의 목적은 OMS·WMS·ERP에서 사용하는 모든 입력 컴포넌트를 표준화하는 것이다.
-* 사용자가 잘못 입력하기 어렵게 한다.
-* 잘못 입력해도 쉽게 발견하고 복구할 수 있게 한다.
-* 화면과 서버의 데이터 해석이 달라지지 않게 한다.
-* 사용자 입력, 시스템 계산, 외부 연동, AI 추천값을 구분한다.
-* 적용 범위: OMS(주문/반품/배송/결제), WMS(입고/피킹/출고/재고), ERP(발주/전표/비용), 마스터(조직/사용자/코드/창고/단위).
+## 1. SOLID Design Principles & Single Responsibility Specification
+## 2. Dual-model Data Architecture (Normalized Master / Denormalized Read Model)
+## 3. Strict Client-Schema-Server-DB 4-Layer Validation Guard
+## 4. Zero Vibe Coding & Hallucination Elimination
+## 5. Field Status (13 States) & Value Source (8 Provenances) Contract
+## 6. Touch Density & Offline Command Buffer for WMS Field Operations
+## 7. 20대 핵심 엔지니어링 헌법 (Core Engineering Principles)
+## 8. Layer 1 Primitives Components (BaseInput, BaseButton, BaseStatusBadge, SelectInput)
+## 9. Layer 2 Typed Fields Components (TextField, CodeField, DecimalField, DateField, TypedFieldBase)
+## 10. Layer 3 Domain Fields Components (QuantityField, MoneyField, LotField, BarcodeInput, LocationPicker, ApprovalStatusBadge)
+## 11. Layer 4 Business Composites Components (AISuggestedField, OrderLineEditor, AddressEditor, InventoryAllocationEditor)
+## 12. FieldStatus: idle State Specification
+## 13. FieldStatus: focused State Specification
+## 14. FieldStatus: valid State Specification
+## 15. FieldStatus: invalid State Specification
+## 16. FieldStatus: dirty State Specification
+## 17. FieldStatus: readonly State Specification
+## 18. FieldStatus: disabled State Specification
+## 19. FieldStatus: loading State Specification
+## 20. FieldStatus: suggested State Specification
+## 21. FieldStatus: accepted State Specification
+## 22. FieldStatus: rejected State Specification
+## 23. FieldStatus: overridden State Specification
+## 24. FieldStatus: blocked State Specification
+## 25. ValueSource: user Specification
+## 26. ValueSource: default Specification
+## 27. ValueSource: computed Specification
+## 28. ValueSource: db Specification
+## 29. ValueSource: ai Specification
+## 30. ValueSource: scan Specification
+## 31. ValueSource: external_api Specification
+## 32. ValueSource: system_rule Specification
+## 33. TPL-LIST-01: 표준 목록 및 다중 조건 검색 템플릿
+## 34. TPL-CREATE-01: 단일 데이터 등록 템플릿
+## 35. TPL-CREATE-02: 헤더-라인 복합 데이터 등록 템플릿
+## 36. TPL-CREATE-03: 단계별 위자드(Wizard) 등록 템플릿
+## 37. TPL-DETAIL-01: 데이터 상세 조회 템플릿
+## 38. TPL-EDIT-01: 단일 데이터 수정 템플릿
+## 39. TPL-BULK-01: 일괄 데이터 처리 및 엑셀 맵퍼 템플릿
+## 40. TPL-APPROVAL-01: 승인 및 결재 처리 템플릿
+## 41. TPL-CANCEL-01: 취소·반제·역처리 트랜잭션 템플릿
+## 42. TPL-DELETE-01: 데이터 삭제 처리 템플릿 (Maker-Checker)
+## 43. TPL-HISTORY-01: 이력 및 감사 로그 조회 템플릿
+## 44. 3종 Touch Density Standard (Compact 28px, Comfortable 36px, Touch 44px)
+## 45. Standard Anatomy 8부 구조 명세
+## 46. WMS 초고속 GS1-128 바코드 스캔 <100ms 파싱 명세
+## 47. AX/AI 보조 및 R0~R4 위험 거버넌스 헌법
+## 48. ACID 역처리 및 시점 스냅샷 데이터 무결성
+## 49. Client-Schema-Server-DB 4계층 검증 경계
+## 50. Dual-model Read Engine & Performance Optimization
+## 51. Strict Typecheck & Vue-TSC Build Quality Gate
+## 52. Gitea Actions CI/CD Pipeline Integration
+## 53. 30년 시니어 현장 실무 전문가 패널 7대 뷰포인트 가이드
+## 54. 상용화 WBS 마스터 및 가이드 하네스 지침
 
 ---
 
-## 2. 입력 컴포넌트 계층 (4계층 아키텍처)
-```text
-Primitive (`components/primitives/`)
-  ↓
-Typed Field (`components/fields/`)
-  ↓
-Domain Field (`components/domain-fields/`)
-  ↓
-Business Composite (`components/business-composites/`)
-```
-* **2.1 Primitive**: TextInput, Button, Checkbox, Select, Dialog 등 시각/상호작용 업무 무지 컴포넌트.
-* **2.2 Typed Field**: StringField, IntegerField, DecimalField, DateField, CodeField 등 데이터 타입 이해 컴포넌트.
-* **2.3 Domain Field**: QuantityField, MoneyField, LotField, SerialNumberInput, ItemLookup 등 업무 도메인 이해 컴포넌트.
-* **2.4 Business Composite**: AddressEditor, OrderLineEditor, InventoryAllocationEditor, BarcodeWorkInput 등 여러 필드 및 규칙 묶음.
-
----
-
-## 3. 공통 필드 해부 구조
-Label, Required Indicator, Business Status Indicator, Input Control, Prefix/Suffix, Supporting Information, Validation Message, Audit/Source Information으로 구성.
-
----
-
-## 4. 공통 데이터 모델 (`FieldDefinition` / `FieldState`)
-`FieldDefinition` 및 `FieldState` 모델 정의. `FieldMessage` 오류 코드로 통제.
-
----
-
-## 5. 필드 상태 의미 (`FieldStatus`)
-`idle`, `focused`, `dirty`, `validating`, `valid`, `warning`, `invalid`, `saving`, `saved`, `conflict`, `readonly`, `disabled`, `blocked` 13가지 상태 엄격 구분.
-
----
-
-## 6. 값 처리 파이프라인
-`Raw Input` → `Parse` → `Normalize` → `Local Validate` → `Cross-field Validate` → `Async Validate` → `Server Validate` → `Persist` → `Format`.
-
----
-
-## 7. 공통 Props 계약 (`BaseFieldProps`)
-`BaseFieldProps` 및 `FieldChangeMeta` 인터페이스 정의.
-
----
-
-## 8. 텍스트 입력 `TextField`
-IME 조합 중 강제 변환 금지, 글자 수 제한 잘라내기 금지, 정규화 지원.
-
----
-
-## 9. 코드 입력 `CodeField`
-대문자 자동 정규화, 중복 확인 비동기 요청 Debounce 및 요청 취소.
-
----
-
-## 10. 숫자 입력 `NumberField`
-정수/소수 구분, Decimal 문자열 사용, 불완전 입력 중 `0` 강제 치환 금지.
-
----
-
-## 11. 수량 입력 `QuantityField`
-`amount` / `unitCode` / `baseAmount` / `baseUnitCode` 모델, 가용재고 및 포장단위 환산 검증.
-
----
-
-## 12. 금액 입력 `MoneyField`
-`amount` / `currencyCode` 모델, 부동소수점 금지, 통화별 소수 자릿수, 조정 사유 필수.
-
----
-
-## 13. 비율 입력 `PercentageField`
-0~100 제한, 할인 적용 순서 및 반올림 시점 명시.
-
----
-
-## 14. 날짜 입력 `DateField`
-`LocalDateString` (`YYYY-MM-DD`), 영업일/마감일/회계기간 검증.
-
----
-
-## 15. 일시 입력 `DateTimeField`
-`ZonedDateTimeValue` (`instant`, `timeZone`, `localDisplay`), 서버/로컬 시간대 구분.
-
----
-
-## 16. 단일 선택 `SelectField`
-소수 항목(2~20개) 대상, 키보드 방향키 및 Enter/Escape 단축키 패턴.
-
----
-
-## 17. 참조 검색 `ReferenceLookup`
-품목/거래처/창고/계정 대용량 참조, 초성/코드 동시 검색, Debounce 및 오래된 응답 취소.
-
----
-
-## 18. 자동완성 `AutocompleteField`
-`AutocompleteValue` (`selected` vs `free-text`) 구분.
-
----
-
-## 19. Checkbox·Switch
-독립 복수 선택 Checkbox, 즉시 반영 Switch, 삼상태 Checkbox(`변경하지 않음` 구분).
-
----
-
-## 20. Radio Group
-상호 배타적 소수 선택지 비교.
-
----
-
-## 21. 주소 입력 `AddressEditor`
-`AddressValue` 모델, 우편번호 검색, 도서산간 배송비 검증, 개인정보 마스킹.
-
----
-
-## 22. 전화번호·사업자번호 입력
-원문 저장과 표시 하이픈 분리, 사업자번호 체크섬 및 중복 검증.
-
----
-
-## 23. 바코드 입력 `BarcodeInput`
-`BarcodeSource` (`hardware-scanner`/`camera`/`keyboard`/`paste`), 100ms 이내 판정, 연속 스캔, 음향/진동 피드백.
-
----
-
-## 24. 로트 입력 `LotField`
-`LotValue` 모델, FEFO/FIFO 정책 추천, 제조일/유효기간/격리 상태 검증.
-
----
-
-## 25. 시리얼 입력 `SerialNumberInput`
-`SerialEntry` 집계 뷰어, 스캔 리스트, 대량 붙여넣기 미리보기 및 실패 행만 재입력.
-
----
-
-## 26. 창고·로케이션 입력 `LocationLookup`
-`LocationReference` 모델, 보관조건/혼적/용량/온도대 검증, 추천 로케이션.
-
----
-
-## 27. 파일 업로드 `FileUpload`
-`UploadedFile` 모델, MIME 검증, 진행률, 악성코드 검사, 보안 상태 구분.
-
----
-
-## 28. Grid Cell Editor
-`GridChangeSet` 모델, 셀 편집 키보드 이동, 붙여넣기 미리보기, 가상화.
-
----
-
-## 29. 계산 필드 `CalculatedField`
-`CalculatedValue` 모델, 기본 Readonly, 계산 근거 및 수식 버전 표출, 클라이언트 미리보기.
-
----
-
-## 30. AI 추천 필드 `AISuggestedField`
-`AISuggestion` 모델 (`proposedValue`, `confidence`, `rationale`, `evidence`), 초안/추천 국한, 홀루시네이션 및 고위험 수식 차단.
-
----
-
-## 31. 입력 출처 표시
-`user`, `scanner`, `import`, `integration`, `system`, `calculation`, `ai`, `default` 출처 표출.
-
----
-
-## 32. 기본값 정책
-안전한 기본값만 적용, 이전 거래처/창고 자동 적용 위험 차단.
-
----
-
-## 33. 조건부 필드
-Visible/Required/Editable When 조건 제어, 숨겨진 값 유지/초기화 정책 명시.
-
----
-
-## 34. 교차 필드 검증
-`CrossFieldRule` 인터페이스 기반 수량/일자/금액 간 종속 관계 검증.
-
----
-
-## 35. 비동기 검증
-Debounce, 요청 취소, 최신 요청만 반영, 저장 시 서버 재검증.
-
----
-
-## 36. 오류 표시 표준
-필드 하단, Section 요약, 화면 전체 요약 3단계 위치 제공 및 포커스 이동.
-
----
-
-## 37. 접근성 요구사항 (WCAG 2.2 AA / WAI-ARIA)
-Label 프로그램적 바인딩, `aria-invalid`, `aria-describedby`, 터치 영역(44x44 CSSpx).
-
----
-
-## 38. 키보드 표준
-Tab/Shift+Tab, Enter, Escape, Arrow, Space, Ctrl+S, F2 셀 편집 단축키 패턴.
-
----
-
-## 39. 모바일·산업용 단말 정책
-사무용(고밀도 키보드) vs 현장용(스캔/큰 버튼/오프라인/자동 포커스) UX 단순화.
-
----
-
-## 40. 오프라인 입력 정책
-`OfflineCommand` 모델, 로컬 큐 적재, 자동 재연결 동기화, Idempotency Key.
-
----
-
-## 41. 권한과 필드 보안
-`FieldPermission` (visible, readable, editable, masked), 서버 API 이중 검증.
-
----
-
-## 42. 민감정보 컴포넌트
-기본 마스킹, 보기 시 추가 인증, AI 프롬프트 전송 전 비식별화.
-
----
-
-## 43. 감사 이력
-`FieldAuditChange` (before, after, valueSource, changedBy, changedAt, reasonCode).
-
----
-
-## 44. 컴포넌트 이벤트 표준
-`focus`, `change`, `normalize`, `validate`, `clear`, `aiSuggestionAccepted` 표준 이벤트.
-
----
-
-## 45. 디자인 토큰
-Compact(ERP), Standard(OMS), Touch(WMS) 밀도 모드 토큰 분리.
-
----
-
-## 46. 컴포넌트 API 설계 원칙
-Boolean Props 남용 금지, 업무 Composite 컴포넌트 분리.
-
----
-
-## 47. 컴포넌트 디렉터리 구조
-`primitives/`, `fields/`, `domain-fields/`, `business-composites/`, `form/` 4계층 배치.
-
----
-
-## 48. 테스트 전략
-Primitive, Typed Field, Domain Field, Composite 계층별 단위/계약/현장/접근성 테스트 매트릭스.
-
----
-
-## 49. Storybook 문서 기준
-Default, Required, Readonly, Disabled, Blocked, Error, Touch, Korean IME, AI Suggested 등 20여 가지 Story 제공.
-
----
-
-## 50. Definition of Done (DoD)
-기능/데이터/UX/접근성/품질 5대 영역 DoD 통과.
-
----
-
-## 51. 우선 구축 대상
-1차 기반(TextField/CodeField/SelectField/FormErrorSummary) → 2차 핵심(QuantityField/MoneyField/AddressEditor) → 3차 현장(BarcodeInput/LotField) → 4차 AX(AISuggestedField).
-
----
-
-## 52. 핵심 설계 결론
-입력 컴포넌트는 단순 UI가 아니며 정규화, 검증, 권한, 출처, 이력을 보장하는 표준 계약의 핵심이다.
-
----
-
-## 53. 엔터프라이즈 20대 표준 기술 스택 명세 (Standard Technology Stack)
-1. **.NET 10 / ASP.NET Core 10**: 백엔드 표준 런타임 및 닷넷 최신 프레임워크
-2. **Modular Monolith**: 순수 도메인과 모듈 경계가 분리된 모듈러 모놀리스 아키텍처
-3. **Vertical Slice**: 기능 단위 Vertical Slice 수직 분해 및 격리
-4. **FastEndpoints**: REPR (Request-Endpoint-Response) 단일 책임 API 패턴
-5. **PostgreSQL / Npgsql / Dapper**: 관계형 데이터베이스, Npgsql 드라이버 및 Dapper 마이크로 ORM
-6. **DbUp**: SQL 마이그레이션 스크립트 이력 자동화
-7. **Hangfire**: 백그라운드 반복/비동기 작업 스케줄링 엔지
-8. **SignalR**: 웹소켓 실시간 이벤트 및 텔레메트리 스트림
-9. **Outbox + Inbox Pattern**: 트랜잭션 메시징 정합성 보장 패턴
-10. **Vue 3 / Vite 8 / pnpm**: 프론트엔드 최신 반응형 컴포저블 및 초고속 Vite 빌드, pnpm 패키지 매니저
-11. **TanStack Query (Vue Query) / Pinia**: 서버 상태 캐싱/인증 페칭 및 전역 리액티브 스토어
-12. **vee-validate / Zod**: 클라이언트 1차 및 스키마 2차 런타임 유효성 검증
-13. **PrimeVue / AG Grid**: 엔터프라이즈 UI 컴포넌트 라이브러리 및 고성능 데이터 그리드 엔진
-14. **xUnit / Vitest / Playwright**: 백엔드 xUnit, 프론트엔드 Vitest 단위 테스트, Playwright E2E 자동화
-15. **Gitea Actions**: CI 8단계 품질 게이트 자동화 파이프라인
-16. **Serilog / OpenTelemetry / Telegram**: 구조화 로깅, 분산 트레이싱 및 텔레그램 실시간 인시던트 알림
-17. **axios**: HTTP 통신 클라이언트 및 CSRF 토큰 인터셉터
-18. **vue-router**: SPA 싱글 페이지 라우팅 시스템 및 RouteMeta
-19. **BCrypt.Net-Next**: 비밀번호 단방향 암호화 해시 알고리즘
-20. **Polly & Swashbuckle.AspNetCore**: 복구력 정책(Retry/CircuitBreaker) 및 OpenAPI Swagger 문서화 Engine
-
+### 30년 실무 전문가 패널 핵심 요약
+- **Architect**: 4계층 검증 경계 및 Master 정규화 / Read Model 역정규화 격리
+- **PM**: 계량화된 KPI (Build exit code 0, vue-tsc 0 errors, Harness Pass 100%)
+- **PL**: Waterfall 선형 순차 프로세스 및 수식 AI 위임 차단
+- **Dev**: 19종 컴포넌트 & 11대 템플릿 표준 계약 준수
+- **AX/UX**: Compact(28px), Comfortable(36px), Touch(44px) 3종 밀도
+- **QA**: Barcode Parse <100ms & OfflineCommand 큐 E2E 자동 검증
+- **User**: 물류 현장 장갑 착용 시 44px 터치 타겟과 음향/진동/컬러 피드백