- Harness: kintex-mobile-dev agent + kintex-mobile-orchestrator skill (WISE mobile ref, Stitch-first design rule, dual app targets B2B/B2C) - design.md v2.1: full 84-screen inventory (web 51 / admin 10 / public 8 / mobile 15) with Stitch prompts incl. ticketing (SCR-P7/P8, M14/M15) - PLANNING v3.1: unified account + split signup tracks (2FA required for staff, light signup/guest for visitors), one codebase / two app targets - Deliverables: dev plan (21s), user/operator/developer guides (17/14/15s), program spec (44s, 65 programs, 8 flowcharts), DA (DB design 14s + table spec xlsx 35 tables/299 cols) - Benchmark: ticketing-app-benchmark.md (7 apps) -> IMPLEMENTATION_BACKLOG Phase F (14 items) - Stitch: 23 generated screens saved (mobile 10, admin 6, web core 5, ticket 2) - mobile/: Expo scaffold (SDK 51, expo-router, secure store JWT) - frontend: SCR-13~17 QA fixes, icons.tsx, kintexEvents, V10 seed migration - ci/: KINTEX CI logo assets Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> |
||
|---|---|---|
| .. | ||
| public | ||
| src | ||
| .env.example | ||
| .gitignore | ||
| index.html | ||
| package-lock.json | ||
| package.json | ||
| README.md | ||
| tsconfig.app.json | ||
| tsconfig.json | ||
| tsconfig.node.json | ||
| vite.config.d.ts | ||
| vite.config.js | ||
| vite.config.ts | ||
KINTEX AI 전시관리 — Frontend
React 18 + Vite 5 + TypeScript. 백엔드(Spring Boot :8080) 계약(_workspace/01_backend_contracts.md) 기반.
개발
npm install
npm run dev # Vite 개발 서버 :5173 (/api·/ws → :8080 프록시)
npm run typecheck # tsc -b (타입 체크)
npm run build # tsc -b && vite build
.env.example → .env 복사. VITE_BACKEND_ORIGIN으로 백엔드 오리진 지정(기본 http://localhost:8080).
구조
src/styles/tokens.css— 디자인 토큰 단일 출처(design.md §1). 하드코딩 금지, 이 변수만 참조.src/api/—client(JWT·봉투·오류코드),endpoints(계약 래퍼),types(응답 shape),websocket(STOMP RenderJob).src/store/authStore.ts— 인증/워크스페이스 상태(zustand).src/components/ui/— StatusBadge·DdayChip·AiLabel·Button·AiImage(워터마크 상시)·States.src/components/layout/AppShell.tsx— 인증 셸(사이드바+상단바).src/screens/login/— SCR-01 로그인·워크스페이스·초대(등록업체 차단).src/screens/floorplan/— SCR-03 배치 에디터(SVG 캔버스·AI 자동배치·검증).
원칙
- 백엔드 응답 shape과 정확히 일치. 불일치는
_workspace/02_frontend_progress.md에 기록. - AI 생성 이미지 워터마크·고지문 제거 불가. 접근성 WCAG AA.
- 캔버스 편집은 데스크톱 전용(모바일은 뷰어+승인).