docs: PLANNING v3.4/design v2.4 updates, backlogs and owner feedback log
- PLANNING: home IA, AI token-min plan (§8A), data standard, SSO+HR - design.md: COEX-style public visual/motion spec, Nifty design system - IMPLEMENTATION_BACKLOG + UNDEVELOPED_BACKLOG waves - OWNER_FEEDBACK: authoritative session directive log Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
parent
397b5de985
commit
b718310854
@ -84,6 +84,7 @@ GUARDiA 표준 프레임워크(Spring Boot 3.5 + React 19 + MyBatis + PostgreSQL
|
|||||||
| 2026-07-11 | WISE 웹 기능 레퍼런스 강화 — kintex-frontend-dev에 uiws frontend(pages 공통 업무기능) 차용 원칙, 오케스트레이터에 웹 기능 화면 WISE 패턴·Stitch 디자인 경유·모바일 경계 명시 + 로스터에 kintex-mobile-dev(경계) 추가 | kintex-frontend-dev·kintex-impl-orchestrator | "웹도 wise 기능 참고" 요청 |
|
| 2026-07-11 | WISE 웹 기능 레퍼런스 강화 — kintex-frontend-dev에 uiws frontend(pages 공통 업무기능) 차용 원칙, 오케스트레이터에 웹 기능 화면 WISE 패턴·Stitch 디자인 경유·모바일 경계 명시 + 로스터에 kintex-mobile-dev(경계) 추가 | kintex-frontend-dev·kintex-impl-orchestrator | "웹도 wise 기능 참고" 요청 |
|
||||||
| 2026-07-12 | **세션 대량 구현·배포** — visitor 메인(AI 관람 도우미 홈·기능타일·연월 브리핑, 근거=크롤 적재 DB)·3-트랙 관문/서브홈·역할별 랜딩+메뉴 게이트(plan_role_routing)·공개 AI/캘린더 API(V43)·정산 데이터 정렬(V47)·포스터 이미지 빌드내장(V46)·성능 인덱스(V44)·아바타 API(V45). AI 토큰최소화 기획(PLANNING v3.4 §8A)·데이터표준(FK최소화·공통코드·view/mview·배치, data.md)·Open SSO+HR 연동 설계(sso-hr-integration.md). 배포 커밋 214b6df→3077cb0, health 게이트 통과 | 전체 | 소유자 라이브 피드백 연속 반영. **전 지시 로그: `docs/OWNER_FEEDBACK.md`(권위)** |
|
| 2026-07-12 | **세션 대량 구현·배포** — visitor 메인(AI 관람 도우미 홈·기능타일·연월 브리핑, 근거=크롤 적재 DB)·3-트랙 관문/서브홈·역할별 랜딩+메뉴 게이트(plan_role_routing)·공개 AI/캘린더 API(V43)·정산 데이터 정렬(V47)·포스터 이미지 빌드내장(V46)·성능 인덱스(V44)·아바타 API(V45). AI 토큰최소화 기획(PLANNING v3.4 §8A)·데이터표준(FK최소화·공통코드·view/mview·배치, data.md)·Open SSO+HR 연동 설계(sso-hr-integration.md). 배포 커밋 214b6df→3077cb0, health 게이트 통과 | 전체 | 소유자 라이브 피드백 연속 반영. **전 지시 로그: `docs/OWNER_FEEDBACK.md`(권위)** |
|
||||||
| 2026-07-12 | **선행 게이트 해소·검증 교훈** — G1 나노바나나 Gemini 라이브·G2 kintex.zioinfo.co.kr:8021 CI/CD 라이브. 배포 전 필수: **Flyway 마이그레이션 라이브 dry-run(BEGIN…ROLLBACK)**·시크릿 fail-fast 프로파일 확인·파일단위 커밋(공유 트리 교차 방지)·health 게이트. Stitch 불안정 시 design.md 스펙 직접 구현(문서화 폴백) | 전체·kintex-devops-dev | 다수 배포 롤백/캐시/교차커밋 사고 후 표준화 |
|
| 2026-07-12 | **선행 게이트 해소·검증 교훈** — G1 나노바나나 Gemini 라이브·G2 kintex.zioinfo.co.kr:8021 CI/CD 라이브. 배포 전 필수: **Flyway 마이그레이션 라이브 dry-run(BEGIN…ROLLBACK)**·시크릿 fail-fast 프로파일 확인·파일단위 커밋(공유 트리 교차 방지)·health 게이트. Stitch 불안정 시 design.md 스펙 직접 구현(문서화 폴백) | 전체·kintex-devops-dev | 다수 배포 롤백/캐시/교차커밋 사고 후 표준화 |
|
||||||
|
| 2026-07-23 | **시연 준비 대량 웨이브** — 시연 15항목+공개사이트 7항목+백로그 전부 구현 지시. 완료: UI 배치1(2FA 로고·대시보드 짤림/세로글자 근본수정·전체보기·달력 split·그리드 폰트 토큰 스윕)·테스트데이터 V68~V73(참가업체24·옥션10·물류 도크 H1 신설·스폰서십 이행·BI 다연도)·CMS hero_url(V75)+로그인 슬라이드 10장. 진행: UI 배치2(플로어플랜 DWG 디폴트/팔레트/확대팝업/AI배치 UX·홀 평면도·뱃지편집·스폰서십)·공개사이트(루트→/visitor·CI_01 로고·행사/참가/관람/교통·검색 10ch·버튼 흰글자)·트랙 히어로 5장 로테이션(신규 크롤)·Jasper grid-pdf(WISE 패턴)·옥션 WS 순위·주차/혼잡/sectors·CMS 잔여(예약게시·EDM·구독알림·라이브공지)·모바일 EAS 빌드→QR. 정책: **Nifty/Stitch 엄수 재강조(강피드백)**·타이틀 선 아이콘 스윕·**배포/전달은 zioinfo:hermes 경유**. 지시 로그: OWNER_FEEDBACK.md 세션 6 | 전체 | 소유자 시연 준비 지시(2026-07-23) |
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
|
|||||||
@ -98,3 +98,4 @@
|
|||||||
|---|---|
|
|---|---|
|
||||||
| 2026-07-11 | 백로그 v2.0 최초 재작성 |
|
| 2026-07-11 | 백로그 v2.0 최초 재작성 |
|
||||||
| 2026-07-11 | Phase F 신설 — 티켓·관람객 벤치마킹 유래 항목 14개(ⓑ 보강 6 F-B1~B6 · ⓒ 신규 8 F-C1~C8) 추가. 근거 `docs/analysis/ticketing-app-benchmark.md`. 기존 항목 무수정 |
|
| 2026-07-11 | Phase F 신설 — 티켓·관람객 벤치마킹 유래 항목 14개(ⓑ 보강 6 F-B1~B6 · ⓒ 신규 8 F-C1~C8) 추가. 근거 `docs/analysis/ticketing-app-benchmark.md`. 기존 항목 무수정 |
|
||||||
|
| 2026-07-23 | **Phase F 전량 착수(소유자 "백로그 전부 구현" 지시)** — F-B1~B6·F-C1~C8 웨이브 편성: 백엔드 선행(F-C1·B6=CMS/알림 에이전트, F-C2·C3=백엔드 에이전트, mock 어댑터로 외부 게이트 준수) → 관람객 풀스택(F-B1·B2·B4·B5·C4~C8) → 모바일 반영 후 재빌드. 진행 로그: OWNER_FEEDBACK.md 세션 6 |
|
||||||
|
|||||||
@ -364,3 +364,47 @@ K2(H6~H10) 트렌치 실측 완료 — 65채널·941포인트(H6 9채널·H7/H8/
|
|||||||
### 세션 5 추가 — K1 밴드↔홀 번호 확증·교정 (2026-07-16, 소유자 지시 "K1 밴드↔홀 번호 확증 진행해")
|
### 세션 5 추가 — K1 밴드↔홀 번호 확증·교정 (2026-07-16, 소유자 지시 "K1 밴드↔홀 번호 확증 진행해")
|
||||||
|
|
||||||
전기 회로 라벨 832건 전수로 **band n = 홀 (6-n) 확정**(기존 가정 역방향 — H1↔H5·H2↔H4 뒤바뀜, 홀3만 우연 일치). V67로 K1 실측 시드 전면 재배정 + DWG 탭 PNG 스왑 + 생성기 5종 매핑 정본화. JPG 거울상 특징(노치·출입구)과도 일치. 게이트 통과 → push→배포.
|
전기 회로 라벨 832건 전수로 **band n = 홀 (6-n) 확정**(기존 가정 역방향 — H1↔H5·H2↔H4 뒤바뀜, 홀3만 우연 일치). V67로 K1 실측 시드 전면 재배정 + DWG 탭 PNG 스왑 + 생성기 5종 매핑 정본화. JPG 거울상 특징(노치·출입구)과도 일치. 게이트 통과 → push→배포.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 세션 6 — 시스템 시연 준비 (2026-07-23)
|
||||||
|
|
||||||
|
**소유자 지시 (전량 접수·에이전트 팀 병렬 처리):**
|
||||||
|
|
||||||
|
| # | 지시 | 처리 | 상태 |
|
||||||
|
|---|---|---|---|
|
||||||
|
| 1 | 2차 인증 아이콘 → KINTEX 로고(크기 조절) | OtpChallengePanel·OtpSetupPage 로고 교체(.kx-otp__logo 32px) | ✅ 배치1 |
|
||||||
|
| 2 | 대시보드 진행단계 짤림·참가업체 현황 데이터·알림 세로글자·10줄+전체보기 | 타임라인 minmax·피드 minmax(0,1fr) 근본수정·전체보기(N) 버튼·V68 참가업체 24사 | ✅ 배치1+V68 |
|
||||||
|
| 3 | 참가업체관리 폰트 통일(회사명 과대) | .kx-exh__company --fs-body 고정 | ✅ 배치1 |
|
||||||
|
| 4 | 전시 일정 오른쪽 달력 깨짐·짤림 | split minmax(0,1fr)+minmax(280,340) 정렬 | ✅ 배치1 |
|
||||||
|
| 5 | 홀 현장운영 면적 비중 이상·평면도(DWG) 표출 | UI 배치2 진행 | 🔷 |
|
||||||
|
| 6 | 플로어플랜: DWG 디폴트·부스 팔레트·평면도 확대 팝업·AI 자동배치(팝업 시각 우선→배치안은 버튼) | UI 배치2 진행 | 🔷 |
|
||||||
|
| 7 | 공사·장치 옥션 테스트데이터 | V69 옥션 10건·응찰 25·낙찰 6 | ✅ |
|
||||||
|
| 8 | 수주 부스·옥션 참여·알림 피드 테스트데이터 | V69 (수주 7·응찰 9·피드 파생 16) | ✅ |
|
||||||
|
| 9 | 물류 허브 슬롯 테스트데이터 | V70 (근본원인: 도크 H7 전용→H1 신설, 2주 슬롯 20) | ✅ |
|
||||||
|
| 10 | 관람객 뱃지편집 안됨 | UI 배치2 진행 | 🔷 |
|
||||||
|
| 11 | 스폰서십 전체일정보기 안됨·스마트오토메이션 이행 데이터 | V71 이행 8항목+파이프라인 3 / 화면은 배치2 | ✅데이터·🔷화면 |
|
||||||
|
| 12 | CMS 웹크롤링 이미지 (특히 메인페이지) | cms_content.hero_url 신설+11장 연결(V75)·메인 채움 진행 | ✅1차·🔷메인 |
|
||||||
|
| 13 | 경영분석 4종 차트 테스트데이터 | V68·V72·V73 (업종별은 백엔드 sectors 집계 구현 병행) | ✅데이터·🔷sectors |
|
||||||
|
| 14 | 킨텍스 전시 앱 다운로드 — 앱 빌드 | EAS 클라우드 빌드→개발/운영 APK 재주입→QR 매니페스트 (G3 기승인) | 🔷 빌드 중 |
|
||||||
|
| 15 | 로그인 슬라이드용 이미지 10장 크롤→소스 | public/login-slides/login-slide-01~10.jpg (kintex.com 자산, ≤500KB) | ✅ |
|
||||||
|
| 공통 | 그리드 폰트·크기 동일 | .kx-table 토큰 전 화면 스윕(위반 1건 토큰화) | ✅ 배치1 |
|
||||||
|
| 공통 | 수정 후 push→CI/CD·모바일 개발→운영→QR | 통합 게이트 후 일괄 | ⏳ |
|
||||||
|
|
||||||
|
**공개사이트 추가 지시 (2026-07-23):**
|
||||||
|
|
||||||
|
| # | 지시 | 처리 | 상태 |
|
||||||
|
|---|---|---|---|
|
||||||
|
| P1 | kintex.wise.ai.kr 루트 디폴트 → /visitor | 공개 배치 진행 (★기존 '루트=제품소개' 원칙 대체) | 🔷 |
|
||||||
|
| P2 | /visitor·/business·/agency 로고 → ci/CI_JPG/CI_01.jpg | 공개 배치 진행 | 🔷 |
|
||||||
|
| P3 | 행사·참가안내·관람안내·교통 기능 안됨 | 공개 배치 — 페이지/배선 판정 후 구현 | 🔷 |
|
||||||
|
| P4 | 행사검색 로고 옆 배치·입력폭 10자 | 공개 배치 진행 | 🔷 |
|
||||||
|
| P5 | 유색 배경 버튼 글자 흰색 | 공개 배치 전 버튼 스윕 | 🔷 |
|
||||||
|
| P6 | 그리드에 항상 PDF출력 버튼 = JasperReports | 범용 grid-pdf 백엔드(WISE Jasper 패턴)+프론트 공용 버튼 | 🔷 |
|
||||||
|
| P7 | 트랙 3페이지 메인이미지 5장 로테이션 — **이미지는 신규 크롤로** | 크롤 에이전트 진행 (트랙별 셋 차별화) | 🔷 |
|
||||||
|
|
||||||
|
**전역 지시:** ①"백로그 전부 구현할 것" — Phase F 14건 + UNDEVELOPED_BACKLOG 잔여(WS 순위·예약게시·EDM·구독알림·sectors·SCR-16 실전환·멀티테넌시 2단계·MDI 셸·아이콘 교체·NFR 스윕) 웨이브 착수. ②"타이틀 앞에 선으로 그린 아이콘" — 전 화면 페이지 타이틀 선 SVG 아이콘 스윕(UI 스윕 웨이브). ③**"제발 스티치 좀 이용해라. 아니면 NIFTY 컴포넌트 스타일로 변경"(강한 피드백)** — 전 프론트 에이전트에 Nifty 문자 그대로/Stitch 산출물 우선 이식 의무화(메모리 갱신). ④"필요한 MD파일 수정·추가·업데이트" — 본 로그·CLAUDE.md·백로그 2종 갱신, PLANNING/design은 planner/designer 경유.
|
||||||
|
|
||||||
|
**추가 지시(2026-07-23):** "개발은 헤르메스 에이전트 사용" — 배포/전달 단계(commit·push→CI/CD→배포 검증→릴리즈 노트→알림)는 zioinfo:hermes(전령) 에이전트 경유로 수행.
|
||||||
|
|
||||||
|
**세션 6 결과(2026-07-24):** 시연 15항목·공개사이트 7항목·백로그 웨이브 전체 구현 완료(상세: UNDEVELOPED_BACKLOG 결과표·_workspace/impl_* 요약 12종). 로고 CI_01 확정·전수 통일(웹 BrandLogo 규격 header28/auth32/footer22/print38·모바일 로그인/스플래시). 게이트: 백엔드 전체 테스트·프론트 tsc/build·i18n 4로케일 대조 0 누락·마이그레이션 V68~V106 중복 0. 잔여: 커스텀 그리드 22 PDF 배선(마감 중)→통합 게이트→헤르메스 push/배포→모바일 v0.2.2 빌드·QR.
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
# 킨텍스 AI 전시·행사시스템 (KINTEX AI Exhibition & Event System) 기획서
|
# 킨텍스 AI 전시·행사시스템 (KINTEX AI Exhibition & Event System) 기획서
|
||||||
|
|
||||||
> 작성: 기획 에이전트(planner) · 작성일: 2026-07-11 · 최종 갱신: 2026-07-14 · 버전: **v3.5**
|
> 작성: 기획 에이전트(planner) · 작성일: 2026-07-11 · 최종 갱신: 2026-07-23 · 버전: **v3.6**
|
||||||
> **제품 공식 명칭(소유자 확정 2026-07-12): "KINTEX AI 전시·행사시스템"** — 기존 "자동전시시스템(Exhibition Automation Platform)"을 대체한다. 전시(exhibition)뿐 아니라 행사·이벤트(event) 전반을 포괄한다는 의미를 명칭에 반영. 본 명칭이 정본이며, 이하 본문·3-트랙 기획·타 문서 후속 반영 시 이 명칭을 사용한다(기존 "자동전시시스템" 표기는 문맥 보존을 위해 삭제하지 않고 잔존하나, 신규 표기는 정본 명칭을 따른다).
|
> **제품 공식 명칭(소유자 확정 2026-07-12): "KINTEX AI 전시·행사시스템"** — 기존 "자동전시시스템(Exhibition Automation Platform)"을 대체한다. 전시(exhibition)뿐 아니라 행사·이벤트(event) 전반을 포괄한다는 의미를 명칭에 반영. 본 명칭이 정본이며, 이하 본문·3-트랙 기획·타 문서 후속 반영 시 이 명칭을 사용한다(기존 "자동전시시스템" 표기는 문맥 보존을 위해 삭제하지 않고 잔존하나, 신규 표기는 정본 명칭을 따른다).
|
||||||
> 근거 문서: `docs/analysis/kintex-website.md` (킨텍스 웹사이트 25개 페이지 + 전시주최자매뉴얼 PDF + 참가업체 매뉴얼 PDF 전수 분석, 2026-07-11)
|
> 근거 문서: `docs/analysis/kintex-website.md` (킨텍스 웹사이트 25개 페이지 + 전시주최자매뉴얼 PDF + 참가업체 매뉴얼 PDF 전수 분석, 2026-07-11)
|
||||||
> 근거 문서: `docs/analysis/coex-website.md` (코엑스 VISITOR/BUSINESS/CYBER 3-사이트 IA 분석 + 킨텍스 대비표, 2026-07-12) — §2-2 대외 접점 3-트랙 재구성 확정 근거
|
> 근거 문서: `docs/analysis/coex-website.md` (코엑스 VISITOR/BUSINESS/CYBER 3-사이트 IA 분석 + 킨텍스 대비표, 2026-07-12) — §2-2 대외 접점 3-트랙 재구성 확정 근거
|
||||||
@ -13,6 +13,7 @@
|
|||||||
> **v3.4 AI 사용성 & 토큰 최소화**: 소유자 지시(2026-07-12) — "AI 기능을 쉽게 사용하도록 기획 + 토큰을 최소한으로 사용하는 방식 채용". 산재해 있던 AI 규약을 **§8A**로 명문화한다 — ① AI 사용성 표준(전 화면 인라인 진입점·예시 질문 칩·원탭 액션·다음 명령 제시·구조화 카드+근거 인용·대화 히스토리·다국어/모바일/음성) ② 토큰 최소화 6원칙(결정론 우선 라우팅으로 LLM 우회·소형모델 우선 티어링·RAG 발췌로 프롬프트 축소·캐싱·출력 상한/구조화·집계는 SQL) ③ 측정지표·목표 ④ design/개발 계약 포인트. 기존 스코프(§5B 공통 AI·§6 나노바나나·§8 스택·§8-2 격리)·화면·라우트 보존, 원칙·계약·지표만 순증. M10 관람객 AI 도우미·M16 BI·§5B 공통 AI 보조에 §8A 링크. 이미 진행 중(visitor-assistant DB 근거 응답·AiTextRouter Claude→Ollama 폴백)과 정합(재발명 아님·표준화). src·design.md 미수정(designer/backend 후속).
|
> **v3.4 AI 사용성 & 토큰 최소화**: 소유자 지시(2026-07-12) — "AI 기능을 쉽게 사용하도록 기획 + 토큰을 최소한으로 사용하는 방식 채용". 산재해 있던 AI 규약을 **§8A**로 명문화한다 — ① AI 사용성 표준(전 화면 인라인 진입점·예시 질문 칩·원탭 액션·다음 명령 제시·구조화 카드+근거 인용·대화 히스토리·다국어/모바일/음성) ② 토큰 최소화 6원칙(결정론 우선 라우팅으로 LLM 우회·소형모델 우선 티어링·RAG 발췌로 프롬프트 축소·캐싱·출력 상한/구조화·집계는 SQL) ③ 측정지표·목표 ④ design/개발 계약 포인트. 기존 스코프(§5B 공통 AI·§6 나노바나나·§8 스택·§8-2 격리)·화면·라우트 보존, 원칙·계약·지표만 순증. M10 관람객 AI 도우미·M16 BI·§5B 공통 AI 보조에 §8A 링크. 이미 진행 중(visitor-assistant DB 근거 응답·AiTextRouter Claude→Ollama 폴백)과 정합(재발명 아님·표준화). src·design.md 미수정(designer/backend 후속).
|
||||||
> **v3.3 로그인 사용자 구분 → 메인페이지·메뉴 그룹 결정 규칙**: 소유자 확정(2026-07-12) — **"로그인한 사용자의 사용자 구분으로 메인페이지가 결정되고, 좌측 메뉴 그룹도 결정된다."** §2-2의 3-트랙(visitor/business/agency) + 내부 역할(ops/admin) 위에, **미인증 기본 진입 = visitor 공개 관람 랜딩**, **인증 후 역할별 전용 메인**(business 메인·agency 메인·visitor 메인은 신규 화면 — designer Stitch 의뢰, admin/내부 = 관리 메인 또는 비즈니스 메인+시스템관리)과 **트랙별 좌측 메뉴 그룹 노출/숨김**을 결정하는 규칙을 **§2-3**에 확정한다. 기존 §2·§2-2·화면(SCR-*)·라우트는 보존(안 B 정합), 결정 규칙·트랙 메인 화면 목록만 순증. src·design.md 미수정(frontend·designer 후속).
|
> **v3.3 로그인 사용자 구분 → 메인페이지·메뉴 그룹 결정 규칙**: 소유자 확정(2026-07-12) — **"로그인한 사용자의 사용자 구분으로 메인페이지가 결정되고, 좌측 메뉴 그룹도 결정된다."** §2-2의 3-트랙(visitor/business/agency) + 내부 역할(ops/admin) 위에, **미인증 기본 진입 = visitor 공개 관람 랜딩**, **인증 후 역할별 전용 메인**(business 메인·agency 메인·visitor 메인은 신규 화면 — designer Stitch 의뢰, admin/내부 = 관리 메인 또는 비즈니스 메인+시스템관리)과 **트랙별 좌측 메뉴 그룹 노출/숨김**을 결정하는 규칙을 **§2-3**에 확정한다. 기존 §2·§2-2·화면(SCR-*)·라우트는 보존(안 B 정합), 결정 규칙·트랙 메인 화면 목록만 순증. src·design.md 미수정(frontend·designer 후속).
|
||||||
> **v3.5 M2 자동 배치 이지 플로우(3단계 위저드)**: 소유자 지시(2026-07-14) — "사용자가 쉽게" 원칙으로 M2 부스 자동 배치 UX를 재구성. **§M2-1 신설**: ①평면도 안 생성·표시(홀 도면 JPG 캘리브레이션 좌표계) ②평면도 트리 선택(전시장>홀>구역, `hall_zone` V60) + 구역 경계 내 패킹 ③S7 조감 나노바나나 **버튼 클릭 시에만 생성**(자동 발행 금지 — §6-3 S7 트리거 개정) ④생성 이미지 확대 팝업·다운로드·`render_job` 영속·렌더 갤러리 재열람·옥션 참고 이미지 재사용 ⑤3단계 위저드(어디에→어떻게→3안 비교·선택) + `apply-option` 실제 저장(현행 프론트 미배선 결함 명시). 기존 M2 본문(3안 생성·선택/병합·규정 검증)·타 절 보존, UX 계약만 순증.
|
> **v3.5 M2 자동 배치 이지 플로우(3단계 위저드)**: 소유자 지시(2026-07-14) — "사용자가 쉽게" 원칙으로 M2 부스 자동 배치 UX를 재구성. **§M2-1 신설**: ①평면도 안 생성·표시(홀 도면 JPG 캘리브레이션 좌표계) ②평면도 트리 선택(전시장>홀>구역, `hall_zone` V60) + 구역 경계 내 패킹 ③S7 조감 나노바나나 **버튼 클릭 시에만 생성**(자동 발행 금지 — §6-3 S7 트리거 개정) ④생성 이미지 확대 팝업·다운로드·`render_job` 영속·렌더 갤러리 재열람·옥션 참고 이미지 재사용 ⑤3단계 위저드(어디에→어떻게→3안 비교·선택) + `apply-option` 실제 저장(현행 프론트 미배선 결함 명시). 기존 M2 본문(3안 생성·선택/병합·규정 검증)·타 절 보존, UX 계약만 순증.
|
||||||
|
> **v3.6 세션 6 소유자 확정(2026-07-23)**: 공개사이트 진입·브랜딩·정보 페이지·검색, 범용 그리드 PDF 출력, Phase F(벤치마킹 유래 14건) 전량 착수 및 UNDEVELOPED 잔여, UI 표준 재확정, 배포·전달 헤르메스 경유를 확정한다. 기존 스코프(M1~M18·§1A·§2 3-트랙·§2-3 랜딩 규칙·§5B 공통레이어·§6 나노바나나·§8 스택·화면 SCR-*·딥 라우트)를 **전부 보존**하고 정책·절만 순증한다 — **§2-4 신설**(루트 디폴트=/visitor·정식 CI 로고·트랙 히어로 크롤 5장·정보 페이지 4종·행사검색·UI 표준), **§2-3-3 순서0 갱신**, **M12 갱신**, **§5B-2 범용 그리드 PDF 표준**, **§9 Phase F 신설**. 근거·진행 로그 = `docs/OWNER_FEEDBACK.md` 세션 6. src·design.md 미수정(designer/frontend/도메인 에이전트 후속).
|
||||||
> **문서 소유권**: 본 PLANNING.md는 planner만 수정한다. design.md·타 문서는 이 문서 변경 시 "designer/planner 후속 반영 필요"로만 표기하고 직접 수정하지 않는다.
|
> **문서 소유권**: 본 PLANNING.md는 planner만 수정한다. design.md·타 문서는 이 문서 변경 시 "designer/planner 후속 반영 필요"로만 표기하고 직접 수정하지 않는다.
|
||||||
|
|
||||||
---
|
---
|
||||||
@ -290,7 +291,7 @@
|
|||||||
|
|
||||||
| 순서 | 상태·조건(신호) | 트랙 | 메인페이지 | 라우트(권고·안 B) | 화면 |
|
| 순서 | 상태·조건(신호) | 트랙 | 메인페이지 | 라우트(권고·안 B) | 화면 |
|
||||||
|---|---|---|---|---|---|
|
|---|---|---|---|---|---|
|
||||||
| 0 | **미인증(토큰 없음)** | visitor | 공개 관람 랜딩 | `/` (현행 `/login` 리다이렉트 → visitor 랜딩으로) | **SCR-T0(신규)** |
|
| 0 | **미인증(토큰 없음)** | visitor | 관람객 서브홈 | `/` → **`/visitor` 디폴트(v3.6, §2-4-1 — 기존 '제품 소개 랜딩' 대체)** | SCR-T1(visitor 서브홈)·SCR-T0 |
|
||||||
| 1 | `globalRole=ADMIN` | 내부-admin | 관리 메인(**또는** 비즈니스 메인+시스템관리) | `/admin`(또는 `/home`) | SCR-16(+SCR-T2) |
|
| 1 | `globalRole=ADMIN` | 내부-admin | 관리 메인(**또는** 비즈니스 메인+시스템관리) | `/admin`(또는 `/home`) | SCR-16(+SCR-T2) |
|
||||||
| 2 | `globalRole=MANAGER` OR HALL_MANAGER ws | 내부-ops | 운영 메인(비즈니스 메인 운영 변형) | `/home` | SCR-T2(운영 변형) |
|
| 2 | `globalRole=MANAGER` OR HALL_MANAGER ws | 내부-ops | 운영 메인(비즈니스 메인 운영 변형) | `/home` | SCR-T2(운영 변형) |
|
||||||
| 3 | ORGANIZER/EXHIBITOR ws | business | 비즈니스 메인 | `/home` | **SCR-T2(신규)** |
|
| 3 | ORGANIZER/EXHIBITOR ws | business | 비즈니스 메인 | `/home` | **SCR-T2(신규)** |
|
||||||
@ -364,6 +365,38 @@ design.md §2-2 모바일 하단 탭 4개(홈/내 부스·승인/알림/더보
|
|||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
|
## 2-4. 공개사이트 진입·브랜딩·정보 페이지·검색 정책 (v3.6, 소유자 확정 2026-07-23)
|
||||||
|
|
||||||
|
> **소유자 확정(2026-07-23)**: 공개 사이트(`kintex.wise.ai.kr` 대외 접점)의 루트 진입·브랜딩·정보 페이지·검색을 아래로 확정한다. 기존 §2-2 3-트랙·§2-3 랜딩 규칙·M12 공개 홍보 사이트는 **보존**하고, 그 위에 진입 디폴트·정보 페이지 정식화·검색 배치·UI 표준만 순증·정밀화한다. src·design.md 미수정(frontend/designer 후속).
|
||||||
|
|
||||||
|
### 2-4-1. 루트 진입 디폴트 = /visitor + 공개 셸 브랜딩
|
||||||
|
|
||||||
|
- **미인증 루트(`/`) 디폴트 = visitor 트랙(관람객 서브홈 `/visitor`)** 으로 확정한다. 이는 기존 "미인증 루트 = 제품 소개 히어로 랜딩"(v3.3 §2-3-3 순서0 · MEMORY [[product-identity-first]]) 원칙을 **대체**한다 — 관람객이 절대다수라는 코엑스식 판단(§2-2-3 A)의 실행. 제품 소개(About) 콘텐츠는 삭제하지 않고 별도 정보 페이지·business 서브홈으로 이관.
|
||||||
|
- **공개 셸 로고 = 킨텍스 정식 CI**: visitor/business/agency 3-트랙 공개 셸 로고를 정식 CI 자산(`ci/CI_JPG/CI_01.jpg`)으로 통일(임시 텍스트·플레이스홀더 로고 대체).
|
||||||
|
- **트랙 3페이지 히어로 = 크롤 실이미지 5장 로테이션**: visitor·business·agency 각 서브홈 히어로를 킨텍스 자산 크롤 실이미지 5장 로테이션으로 구성(트랙별 이미지 셋 차별화). 이미지 원천은 **신규 크롤**(kintex.com 공개 자산, 용량·라이선스 준수) — 데이터 소스는 §7-2/크롤 파이프라인(benchmark-crawler 트랙).
|
||||||
|
|
||||||
|
### 2-4-2. 공개 정보 페이지 4종 (공개 사이트 정식 기능)
|
||||||
|
|
||||||
|
공개 사이트에 아래 4종 정보 페이지를 **정식 기능**으로 확정한다(M12 공개 홍보 사이트 하위, 비로그인 접근, DB 콘텐츠 렌더 — 신규 LLM 호출 없음, §8A 정합).
|
||||||
|
|
||||||
|
| 페이지 | 내용 | 데이터 소스 |
|
||||||
|
|---|---|---|
|
||||||
|
| **행사** | 전시·행사 일정·상세(연월 캘린더·포스터·상세) | 공개 행사 API(`v_event_calendar` 등) · CMS 콘텐츠 |
|
||||||
|
| **참가안내** | 주최자 대관·참가업체 참가 절차·요금·서류 안내 | CMS 콘텐츠 + M1 요율 마스터 |
|
||||||
|
| **관람안내** | 관람 시간·편의시설·접근성·유의사항 | `visitor_guide` 시드(V43) · CMS |
|
||||||
|
| **교통** | 오시는 길(GTX-A 킨텍스역·주차 iparking·대중교통) | `transport` 시드(V43) · CMS |
|
||||||
|
|
||||||
|
### 2-4-3. 행사검색 — 공개 셸 로고 옆 상시 검색
|
||||||
|
|
||||||
|
- 공개 셸 상단 **로고 바로 옆에 상시 노출 행사검색 입력**(입력폭 ≈10자)을 배치한다. 통합검색(§5B-2 search)의 **공개 스코프(행사·전시 대상)** 를 재사용하며 비로그인 접근 가능.
|
||||||
|
|
||||||
|
### 2-4-4. UI 표준 재확정 (강피드백 2026-07-23)
|
||||||
|
|
||||||
|
- **전 화면 Nifty 컴포넌트 / Stitch 산출물 기준**(문자 그대로 이식·자체 재해석 금지 — MEMORY [[nifty-design-system]]·[[design-always-via-stitch]]·[[ui-follow-wise-strictly]]).
|
||||||
|
- **페이지 타이틀 앞 선(stroke) SVG 아이콘 표준**: 전 화면 페이지 타이틀 좌측에 선으로 그린 SVG 아이콘(`fill:none`·stroke, 이모지 금지)을 표준으로 둔다. — **design.md/designer 후속 반영**(planner는 정책만 확정).
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
## 3. 현행(As-Is) 프로세스 분석
|
## 3. 현행(As-Is) 프로세스 분석
|
||||||
|
|
||||||
### 3-1. 주최자 타임라인과 병목
|
### 3-1. 주최자 타임라인과 병목
|
||||||
@ -712,6 +745,7 @@ sequenceDiagram
|
|||||||
### M12. 마케팅·EDM·공개 홍보 사이트(일반 대중) — **P1**
|
### M12. 마케팅·EDM·공개 홍보 사이트(일반 대중) — **P1**
|
||||||
|
|
||||||
- **현재**: 킨텍스 공식 사이트는 정보·서식 다운로드 중심, 참가업체 전용 GNB 없음.
|
- **현재**: 킨텍스 공식 사이트는 정보·서식 다운로드 중심, 참가업체 전용 GNB 없음.
|
||||||
|
- **공개 정보 페이지·검색 (v3.6 확정, §2-4)**: **행사·참가안내·관람안내·교통 4종 정보 페이지**를 공개 사이트 정식 기능으로 제공(데이터 = 공개 행사 API·CMS·`visitor_guide`/`transport` 시드, 비로그인). **공개 셸 로고 옆 상시 행사검색**(입력폭 ≈10자, §5B-2 search 공개 스코프 재사용). 루트 진입 디폴트 = `/visitor` · 공개 셸 로고 = 정식 CI(`ci/CI_JPG/CI_01.jpg`) · 트랙 히어로 = 크롤 실이미지 5장 로테이션(§2-4-1).
|
||||||
- **AI 자동화 후**: (1) **공개 홍보 사이트**(불특정 다수 대상) — 행사 소개·일정·교통·사전등록 유도, **SEO·다국어(한/영/중/일)** 최적화, 공개 인터랙티브 플로어플랜(M2 데이터 부산물). (2) **EDM/마케팅 자동화** — 세그먼트별(사전등록자·과거 관람객·바이어) 캠페인, 리마인더, 리드 팔로업(M10). AI 카피 초안·이미지(나노바나나 부스 예상샷 활용) 지원. 콘텐츠는 M17 CMS로 관리.
|
- **AI 자동화 후**: (1) **공개 홍보 사이트**(불특정 다수 대상) — 행사 소개·일정·교통·사전등록 유도, **SEO·다국어(한/영/중/일)** 최적화, 공개 인터랙티브 플로어플랜(M2 데이터 부산물). (2) **EDM/마케팅 자동화** — 세그먼트별(사전등록자·과거 관람객·바이어) 캠페인, 리마인더, 리드 팔로업(M10). AI 카피 초안·이미지(나노바나나 부스 예상샷 활용) 지원. 콘텐츠는 M17 CMS로 관리.
|
||||||
- **기대 효과**: 관람객 유치·재방문, 참가업체 노출, 킨텍스 브랜드 채널 통합.
|
- **기대 효과**: 관람객 유치·재방문, 참가업체 노출, 킨텍스 브랜드 채널 통합.
|
||||||
- **한계**: 발송 규정(정보통신망법·수신동의) 준수, 다국어 번역 품질 검수 필요.
|
- **한계**: 발송 규정(정보통신망법·수신동의) 준수, 다국어 번역 품질 검수 필요.
|
||||||
@ -825,6 +859,8 @@ UIWS 표준 공통 모듈을 이식해 전 포털이 공유. 킨텍스 도메인
|
|||||||
| notification(알림센터) | 통합 알림 | 마감 리마인더(D-데이)·낙찰·승인·결제 알림, WebSocket |
|
| notification(알림센터) | 통합 알림 | 마감 리마인더(D-데이)·낙찰·승인·결제 알림, WebSocket |
|
||||||
| preference(개인화) | 즐겨찾기·최근방문 | 역할별 대시보드 개인화 |
|
| preference(개인화) | 즐겨찾기·최근방문 | 역할별 대시보드 개인화 |
|
||||||
|
|
||||||
|
> **범용 그리드 PDF 출력 (v3.6, 소유자 확정 2026-07-23)**: 전 그리드(목록/표) 화면에 **JasperReports 기반 PDF 출력 버튼을 표준**으로 둔다 — WISE Jasper 패턴, 범용 계약 **`POST /api/reports/grid-pdf`**(그리드 컬럼·필터·정렬·데이터를 받아 서버에서 PDF 생성). 공통 `report` 모듈이 소유하며 각 도메인 그리드는 공용 버튼·계약만 배선(중복 구현 금지). 기존 도메인 리포트(회의록·업무보고·정산·M16 BI)와 별개의 **목록 스냅샷 출력 표준**이다.
|
||||||
|
|
||||||
> **경계(중복 제거)**: 경영·수익 지표는 **M16 BI**가 권위, 일상 업무보고·통계는 공통 `report/stats`가 담당. 콘텐츠/공지 발행은 **M17 CMS**가 권위, 사내 알림성 공지는 공통 `notice`. 알림 발송 채널은 공통 `notification` 단일화(M10·M12·M15가 이벤트 발행).
|
> **경계(중복 제거)**: 경영·수익 지표는 **M16 BI**가 권위, 일상 업무보고·통계는 공통 `report/stats`가 담당. 콘텐츠/공지 발행은 **M17 CMS**가 권위, 사내 알림성 공지는 공통 `notice`. 알림 발송 채널은 공통 `notification` 단일화(M10·M12·M15가 이벤트 발행).
|
||||||
|
|
||||||
> **공통 AI 보조(§8A 정합)**: 전 업무 화면의 AI 보조(search·meeting 액션아이템·report 요약·초안 생성 등)는 **§8A 단일 AI 계약(`/ai/ask`)·사용성 표준·토큰 최소화 원칙**을 공유한다 — 사실조회는 결정론/DB 직답(LLM 미호출), 종합은 소형모델 우선·Claude 승급(`AiTextRouter`)·RAG 발췌·캐시·구조화 출력. 신규 LLM 직접 호출 경로 신설 금지(중앙 `/ai/ask` 경유).
|
> **공통 AI 보조(§8A 정합)**: 전 업무 화면의 AI 보조(search·meeting 액션아이템·report 요약·초안 생성 등)는 **§8A 단일 AI 계약(`/ai/ask`)·사용성 표준·토큰 최소화 원칙**을 공유한다 — 사실조회는 결정론/DB 직답(LLM 미호출), 종합은 소형모델 우선·Claude 승급(`AiTextRouter`)·RAG 발췌·캐시·구조화 출력. 신규 LLM 직접 호출 경로 신설 금지(중앙 `/ai/ask` 경유).
|
||||||
@ -1271,6 +1307,22 @@ graph TB
|
|||||||
| 범위 | M8(반입/반출 슬롯·QR 통행증), kxwp 정식 API 연동(협의 성사 시), 정밀 조도 시뮬레이션, 다국어(영·중·일) 규정 챗봇, 관람객 플로어플랜 공개, 회의실·리깅 구조 사전 체크 확장 |
|
| 범위 | M8(반입/반출 슬롯·QR 통행증), kxwp 정식 API 연동(협의 성사 시), 정밀 조도 시뮬레이션, 다국어(영·중·일) 규정 챗봇, 관람객 플로어플랜 공개, 회의실·리깅 구조 사전 체크 확장 |
|
||||||
| 산출물 | 현장 모바일 운영 도구, 제3전시장(2028) 대비 홀 마스터 확장 구조 |
|
| 산출물 | 현장 모바일 운영 도구, 제3전시장(2028) 대비 홀 마스터 확장 구조 |
|
||||||
|
|
||||||
|
### Phase F — 벤치마킹 유래 + UNDEVELOPED 잔여 전량 착수 (v3.6, 소유자 확정 2026-07-23)
|
||||||
|
|
||||||
|
> 소유자 지시(2026-07-23) — "백로그 전부 구현". 벤치마킹 유래 14건(F-B1~B6·F-C1~C8)과 UNDEVELOPED 잔여를 웨이브로 **전량 착수**한다. 상세 항목·수용기준은 `docs/BACKLOG.md`·`docs/UNDEVELOPED_BACKLOG.md`(권위), 진행 로그는 `docs/OWNER_FEEDBACK.md` 세션 6.
|
||||||
|
|
||||||
|
| 그룹 | 범위 | 비고 |
|
||||||
|
|---|---|---|
|
||||||
|
| **F-B1~B6 · F-C1~C8** (벤치마킹 유래 14건) | 전시·공연 앱/공개사이트 벤치마킹에서 도출된 기능 전량 | 외부 연동(PG 결제·iparking 주차 등)은 **mock 어댑터 게이트 방식** — 실연동 전까지 mock 어댑터로 개발·시연, 실키/실계약 확보 시 어댑터만 교체(§7-2·코드 경로 불변) |
|
||||||
|
| **UNDEVELOPED 잔여** | M15 옥션 **WebSocket 실시간 순위** · M17 **예약 게시** · **EDM 발송**(SMTP 기승인·화이트리스트 dry-run) · **티켓 오픈 구독 알림** · **라이브 공지** · 경영분석 **업종별(sectors) 집계**(백엔드 sectors 집계) · 관람객 **주차/혼잡 API** | AI 원칙(§8A)·알림 채널 공통화(§5B-2 notification)·데이터마트(M16-1) 정합 |
|
||||||
|
|
||||||
|
- **외부 연동 mock 게이트 원칙**: 결제(PG)·주차(iparking) 등 외부 서비스는 개발·시연 단계에서 **mock 어댑터**로 구현하되, 오버셀 차단·조건부 재고차감 등 **서버 권위 로직은 실동작**시킨다. 실연동은 소유자 승인·실계약 후 어댑터만 교체(코드 경로 불변).
|
||||||
|
- **EDM 발송**: SMTP 채널은 소유자 기승인(MEMORY [[smtp-email-approval]]), 실발송은 **화이트리스트 dry-run**(테스트 대상 한정) 후 운영 실발송(이중 확인) — §5B-2 notification·M12 EDM 정합.
|
||||||
|
|
||||||
|
### 배포·전달 절차 표준 (v3.6, 소유자 확정 2026-07-23)
|
||||||
|
|
||||||
|
- **배포/전달 단계는 헤르메스(전령) 에이전트 경유**: commit·push → CI/CD → 배포 검증(산출물 mtime·health 게이트, MEMORY [[deploy-gate-artifact-mtime]]) → 릴리즈 노트 → 알림을 `zioinfo:hermes` 에이전트가 수행한다. 개발은 각 `kintex-*` 에이전트, **전달은 hermes 단일 창구**로 일원화한다.
|
||||||
|
|
||||||
각 Phase 종료 시 reviewer 에이전트 교차 검증(기획-디자인-구현 정합성) — CLAUDE.md 워크플로 준수.
|
각 Phase 종료 시 reviewer 에이전트 교차 검증(기획-디자인-구현 정합성) — CLAUDE.md 워크플로 준수.
|
||||||
|
|
||||||
---
|
---
|
||||||
@ -1298,6 +1350,7 @@ graph TB
|
|||||||
|
|
||||||
| 버전 | 일자 | 작성자 | 내용 |
|
| 버전 | 일자 | 작성자 | 내용 |
|
||||||
|---|---|---|---|
|
|---|---|---|---|
|
||||||
|
| **v3.6** | 2026-07-23 | planner | **세션 6 소유자 확정 반영(2026-07-23) — 공개사이트 진입/브랜딩/정보페이지/검색·범용 그리드 PDF·Phase F 전량 착수·UNDEVELOPED 잔여·UI 표준·헤르메스 배포.** 기존 스코프·화면·라우트 전부 보존, 정책·절만 순증. ①헤더 v3.6 라인 + 버전 상향(최종 갱신 2026-07-23) ②**§2-4 신설** — (2-4-1) 미인증 루트 디폴트 = `/visitor`(기존 '제품 소개 랜딩'·MEMORY [[product-identity-first]] **대체**)·공개 셸 로고 = 정식 CI(`ci/CI_JPG/CI_01.jpg`)·트랙 3페이지 히어로 = 신규 크롤 실이미지 5장 로테이션(트랙별 차별화) (2-4-2) 공개 정보 페이지 4종(행사·참가안내·관람안내·교통, 소스 = 공개 행사 API·CMS·`visitor_guide`/`transport` 시드, 비로그인 DB 렌더) (2-4-3) 행사검색 로고 옆 상시(폭 ≈10자, §5B-2 search 공개 스코프) (2-4-4) UI 표준 재확정(Nifty 컴포넌트·Stitch 산출물 기준·페이지 타이틀 앞 선 SVG 아이콘) ③**§2-3-3 순서0 갱신**(미인증 루트 → `/visitor` 디폴트) ④**M12 갱신**(정보 페이지 4종·행사검색·CI·히어로 링크) ⑤**§5B-2 범용 그리드 PDF 출력 표준**(JasperReports·`POST /api/reports/grid-pdf`·WISE Jasper 패턴, 공통 report 모듈 소유·목록 스냅샷) ⑥**§9 Phase F 신설** — 벤치마킹 유래 14건(F-B1~B6·F-C1~C8, 외부연동 PG·iparking = mock 어댑터 게이트) + UNDEVELOPED 잔여(M15 WS 실시간 순위·M17 예약게시·EDM·구독알림·라이브공지·sectors 집계·주차/혼잡 API) 전량 착수 + **배포·전달 헤르메스(전령) 에이전트 경유 표준**. **src·design.md 미수정** — designer(선 SVG 타이틀 아이콘·정보 페이지·트랙 히어로 Stitch)·frontend/도메인 에이전트 후속. 근거·진행 = `docs/OWNER_FEEDBACK.md` 세션 6 |
|
||||||
| **v3.5** | 2026-07-14 | planner | **M2 자동 배치 이지 플로우 — 3단계 위저드 신설(소유자 지시 2026-07-14, 이미 구현 진행 중 사항의 권위 반영).** 기존 M2 본문(3안 생성·선택/병합·규정 검증·버전 기록)·타 절 전부 보존, 진입 UX 계약만 순증. ①헤더 v3.5 라인 + 버전 상향 ②**§M2-1 신설** — (1) 주최자 3단계 위저드(①어디에=평면도 트리 선택 → ②어떻게=자연어 한 줄 + AI 해석 폼(해석만 LLM·패킹은 결정론 엔진, §8A P1 정합) → ③3안 비교·선택 → "이 안으로 편집 시작") (2) 권위 원칙 5건: 평면도 안 생성·표시(홀 도면 JPG 캘리브레이션 좌표계, 추상 캔버스 금지)·평면도 트리(전시장>홀>구역, `hall_zone` V60·구역 폴리곤 경계 내 패킹 `zoneId`)·**S7 조감 나노바나나 버튼 클릭 시에만 생성(자동 발행 금지, Gemini 쿼터 보호 — §6-3 S7 트리거 표 개정)**·생성 이미지 라이프사이클(확대 팝업·다운로드·`render_job` 영속·렌더 갤러리 `boothRef=HALL-{hallId}` 재열람·M15 옥션 `MaterialPackage.aiImageUrl` 재사용)·**`apply-option` 저장 계약("이 안으로 편집 시작" 시에만 실제 저장 — 현행 프론트 미배선 P0 결함 명시, 구현 하네스 인계)** (3) 화면 계약: 위저드=SCR-03 진입 모드 편입·3안 비교=SCR-04 재사용(+CTA/S7 버튼/팝업 계약) (4) 데이터 계약 요약표. **src·design.md 미수정** — designer(SCR-03/04 위저드·팝업 반영)·frontend(apply-option 배선) 후속 |
|
| **v3.5** | 2026-07-14 | planner | **M2 자동 배치 이지 플로우 — 3단계 위저드 신설(소유자 지시 2026-07-14, 이미 구현 진행 중 사항의 권위 반영).** 기존 M2 본문(3안 생성·선택/병합·규정 검증·버전 기록)·타 절 전부 보존, 진입 UX 계약만 순증. ①헤더 v3.5 라인 + 버전 상향 ②**§M2-1 신설** — (1) 주최자 3단계 위저드(①어디에=평면도 트리 선택 → ②어떻게=자연어 한 줄 + AI 해석 폼(해석만 LLM·패킹은 결정론 엔진, §8A P1 정합) → ③3안 비교·선택 → "이 안으로 편집 시작") (2) 권위 원칙 5건: 평면도 안 생성·표시(홀 도면 JPG 캘리브레이션 좌표계, 추상 캔버스 금지)·평면도 트리(전시장>홀>구역, `hall_zone` V60·구역 폴리곤 경계 내 패킹 `zoneId`)·**S7 조감 나노바나나 버튼 클릭 시에만 생성(자동 발행 금지, Gemini 쿼터 보호 — §6-3 S7 트리거 표 개정)**·생성 이미지 라이프사이클(확대 팝업·다운로드·`render_job` 영속·렌더 갤러리 `boothRef=HALL-{hallId}` 재열람·M15 옥션 `MaterialPackage.aiImageUrl` 재사용)·**`apply-option` 저장 계약("이 안으로 편집 시작" 시에만 실제 저장 — 현행 프론트 미배선 P0 결함 명시, 구현 하네스 인계)** (3) 화면 계약: 위저드=SCR-03 진입 모드 편입·3안 비교=SCR-04 재사용(+CTA/S7 버튼/팝업 계약) (4) 데이터 계약 요약표. **src·design.md 미수정** — designer(SCR-03/04 위저드·팝업 반영)·frontend(apply-option 배선) 후속 |
|
||||||
| **v3.4** | 2026-07-12 | planner | **AI 사용성 & 토큰 최소화 아키텍처 신설(소유자 지시 2026-07-12).** 기존 스코프·화면·라우트 전부 보존, AI 원칙·계약·지표만 순증. ①헤더 v3.4 라인 + 버전 상향 ②**§8A 신설**(§8-2 뒤·§9 앞) — (8A-1) AI 사용성 표준 U1~U7(인라인 진입점 `AiAssistant`·예시 질문 칩·원탭 AI 액션·다음 명령 제시(규칙 우선)·구조화 카드+근거 인용·"모름" 폴백·대화 히스토리 요약·접근성/다국어/모바일/음성, 관람객·업무 사용자 단일 컴포넌트 공유) (8A-2) 토큰 최소화 6원칙 P1~P6(결정론 우선 라우팅으로 사실조회 LLM 미호출·소형모델 우선 티어링 AiTextRouter 저비용→승급·RAG 발췌 top_k 제한·캐싱 응답/프롬프트/기간요약·max_tokens 상한+구조화 출력(스트리밍=UX용 토큰 불변)·집계는 SQL LLM은 설명만) + 오케스트레이션 흐름 (8A-3) 측정지표·목표(LLM 우회율≥40%·소형모델 처리율≥70%·캐시 적중률≥30%·평균 입력≤1500/출력≤400·근거 인용률≥95%, `ai_usage_log` 적재·tenant/모듈 비용 귀속) (8A-4) design/개발 계약 6종(단일 `/ai/ask`·규칙테이블 IntentRouter·캐시 키·AiConfig 티어·공통 `AiAssistant`/`AiActionButton`·모듈 링크) ③**M10·M16-1·§5B-2에 §8A 정합 링크** 순증(관람객 AI 도우미 DB 직답·BI 집계 SQL/LLM 설명만·공통 AI 보조 중앙 `/ai/ask` 경유). 이미 진행 중(visitor-assistant DB 근거·AiTextRouter 폴백)과 정합·표준화(재발명 아님). 외부 API 게이트·RAM 제약 정합. **src·design.md 미수정** — designer(AiAssistant/칩 Stitch)·backend/ai-dev(라우팅·캐시·티어) 후속 |
|
| **v3.4** | 2026-07-12 | planner | **AI 사용성 & 토큰 최소화 아키텍처 신설(소유자 지시 2026-07-12).** 기존 스코프·화면·라우트 전부 보존, AI 원칙·계약·지표만 순증. ①헤더 v3.4 라인 + 버전 상향 ②**§8A 신설**(§8-2 뒤·§9 앞) — (8A-1) AI 사용성 표준 U1~U7(인라인 진입점 `AiAssistant`·예시 질문 칩·원탭 AI 액션·다음 명령 제시(규칙 우선)·구조화 카드+근거 인용·"모름" 폴백·대화 히스토리 요약·접근성/다국어/모바일/음성, 관람객·업무 사용자 단일 컴포넌트 공유) (8A-2) 토큰 최소화 6원칙 P1~P6(결정론 우선 라우팅으로 사실조회 LLM 미호출·소형모델 우선 티어링 AiTextRouter 저비용→승급·RAG 발췌 top_k 제한·캐싱 응답/프롬프트/기간요약·max_tokens 상한+구조화 출력(스트리밍=UX용 토큰 불변)·집계는 SQL LLM은 설명만) + 오케스트레이션 흐름 (8A-3) 측정지표·목표(LLM 우회율≥40%·소형모델 처리율≥70%·캐시 적중률≥30%·평균 입력≤1500/출력≤400·근거 인용률≥95%, `ai_usage_log` 적재·tenant/모듈 비용 귀속) (8A-4) design/개발 계약 6종(단일 `/ai/ask`·규칙테이블 IntentRouter·캐시 키·AiConfig 티어·공통 `AiAssistant`/`AiActionButton`·모듈 링크) ③**M10·M16-1·§5B-2에 §8A 정합 링크** 순증(관람객 AI 도우미 DB 직답·BI 집계 SQL/LLM 설명만·공통 AI 보조 중앙 `/ai/ask` 경유). 이미 진행 중(visitor-assistant DB 근거·AiTextRouter 폴백)과 정합·표준화(재발명 아님). 외부 API 게이트·RAM 제약 정합. **src·design.md 미수정** — designer(AiAssistant/칩 Stitch)·backend/ai-dev(라우팅·캐시·티어) 후속 |
|
||||||
| v1.0 | 2026-07-11 | planner | 최초 작성 — kintex-website.md 분석 기반 전체 기획. ReRoomAI 소스 분석(reroomai-source.md)은 추가 시 6장 갱신 예정 |
|
| v1.0 | 2026-07-11 | planner | 최초 작성 — kintex-website.md 분석 기반 전체 기획. ReRoomAI 소스 분석(reroomai-source.md)은 추가 시 6장 갱신 예정 |
|
||||||
|
|||||||
@ -92,3 +92,43 @@ B-01(조립부스 옵션 UI)·B-04(화면 수 표기)·B-05(정산 메뉴 IA)·B
|
|||||||
| 일자 | 갱신 |
|
| 일자 | 갱신 |
|
||||||
|---|---|
|
|---|---|
|
||||||
| 2026-07-11 | 최초 작성 — 세션 대화 전체 스캔(신규 5화면 파생 잔여·커밋 대기·NFR·대형 트랙·도메인·티켓·게이트) |
|
| 2026-07-11 | 최초 작성 — 세션 대화 전체 스캔(신규 5화면 파생 잔여·커밋 대기·NFR·대형 트랙·도메인·티켓·게이트) |
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## 2026-07-23 상태 갱신 — "백로그 전부 구현" 웨이브 (소유자 지시)
|
||||||
|
|
||||||
|
시연 준비와 병행해 잔여 백로그 전량 착수. 상태 변경(진행 로그: OWNER_FEEDBACK.md 세션 6):
|
||||||
|
|
||||||
|
| 항목 | 이전 | 현재 |
|
||||||
|
|---|---|---|
|
||||||
|
| M15 옥션 WebSocket 실시간 순위 | 🔶 폴링 | 🔷 진행(STOMP+폴링 폴백) |
|
||||||
|
| M17 예약게시 Redis 트리거 | 🔶 | 🔷 진행(@Scheduled 폴백 포함) |
|
||||||
|
| M10/12 EDM 실 발송 게이트웨이 | 🔶 | 🔷 진행(SMTP 기승인 채널·화이트리스트 dry-run 기본) |
|
||||||
|
| 경영분석 sectors 집계(코드 부재) | (신규 발견) | 🔷 진행 |
|
||||||
|
| Phase F 벤치마킹 14건(F-B1~B6·F-C1~C8) | ⬜ | 🔷 웨이브 편성(백엔드 선행→관람객 풀스택→모바일) |
|
||||||
|
| SCR-16 관리자 집계 실전환 | 🔶 | ⏭ 다음 웨이브(관리자) |
|
||||||
|
| 멀티테넌시 2단계(전 매퍼 스코핑·JWT tid·스위처) | 🔶 1단계 | ⏭ 다음 웨이브(관리자) |
|
||||||
|
| Stitch 아이콘 세트 교체 + 타이틀 선 아이콘(신규 지시) | ⬜ | ⏭ UI 스윕 웨이브 |
|
||||||
|
| MDI 셸 전환 | ⬜ | ⏭ 최종 프론트 웨이브(QA 게이트 후) |
|
||||||
|
| NFR 스윕(hex·인증후 i18n·접근성·반응형·시큐어코딩) | 🔶 | ⏭ UI 스윕 웨이브 |
|
||||||
|
| 모바일 B2C 탭 셸 | ⬜ | ⏭ 모바일 2차(재빌드 전) |
|
||||||
|
| 100대 기능 갭(신규 19·부분 18) | ⬜ | ⏸ 대형 트랙 — 시연 후 별도 웨이브 필요(단일 세션 범위 초과) |
|
||||||
|
|
||||||
|
### 결과 (2026-07-24 웨이브 완료)
|
||||||
|
|
||||||
|
| 항목 | 결과 |
|
||||||
|
|---|---|
|
||||||
|
| M15 옥션 WS 실시간 순위 | ✅ **기구현 확인**(STOMP /topic/auctions/{id}/ranking, 커밋 후 브로드캐스트·폴링 폴백) + 봉인 안전성 회귀 테스트 4건 추가 |
|
||||||
|
| M17 예약게시 트리거 | ✅ 기구현 확인(CmsScheduledPublisher 30초 폴러) — 무변경 |
|
||||||
|
| EDM 실 발송 게이트웨이 | ✅ 기구현 확인(MailService+3중 게이트: live·test-mode·MAIL_ENABLED) — 무변경 |
|
||||||
|
| F-C1 구독·오픈알림 / F-B6 라이브 공지 | ✅ 신규(V86·V87) + 프론트(구독 폼·해지 랜딩·피드·발행 콘솔 /cms/live-notices) + 모바일 피드 |
|
||||||
|
| 경영분석 sectors 집계 | ✅ 구현(booth↔company category 실집계, shape 불변) |
|
||||||
|
| Phase F 14건 | ✅ **전량 완료** — F-B1 회전QR·F-B2 5구간 환불·F-B4 RSVP·F-B5 간편결제·F-B6 라이브공지·F-C1 구독·F-C2 주차(mock)·F-C3 혼잡·F-C4 QR명함·F-C5 대기열·F-C6 멤버십·F-C7 최근본 피드·F-C8 키오스크(+F-B3 다국어는 i18n 스윕 49키 병합으로 커버, 티켓·배지 화면 확장분 잔여) — V90·V94~V101 |
|
||||||
|
| SCR-16 관리자 집계 실전환 | ✅ 완료(체크인 실집계·혼잡 pill·감사로그 최근활동, 가짜 숫자 0) |
|
||||||
|
| 멀티테넌시 2단계 | ✅ 완료(JWT tid 권위·fail-closed 403·스코핑 적용/보류 목록·ADMIN 스위처·DEMO 테넌트 격리 3중 증명, V106) — 보류 매퍼는 요약서 목록 참조 |
|
||||||
|
| MDI 셸 전환 | ✅ **stale 정정** — 이미 구현돼 있었음(mdiStore·MdiTabBar·mdiLabels, design.md §2.7 v1.2). §4의 "미착수" 표기 무효 |
|
||||||
|
| Stitch 아이콘/타이틀 선 아이콘 | ✅ 타이틀 아이콘 40화면 신규(기존 31 포함 전 화면)·이모지 12곳 교체(잔여 2건 기록) |
|
||||||
|
| NFR hex 스윕 | 🔶 81곳 토큰화(잔여 ~242는 비-토큰·차트 의도 유지 문서화) |
|
||||||
|
| 모바일 B2C 탭 셸 | ✅ 완료(app/(visitor) 5탭·티켓 딥링크 호환·주차/혼잡/라이브공지) |
|
||||||
|
| 범용 그리드 PDF(JasperReports) | ✅ 백엔드+KxDataTable 8 자동 — 커스텀 그리드 22 배선 마감 진행 |
|
||||||
|
| 100대 기능 갭(37) | ⏸ 유지 — 별도 대형 트랙 |
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
# 킨텍스 AI 전시관리 시스템 — UI 디자인 스펙 (design.md)
|
# 킨텍스 AI 전시관리 시스템 — UI 디자인 스펙 (design.md)
|
||||||
|
|
||||||
> 작성: 디자인 에이전트(designer) · 작성일: 2026-07-14 · 버전: **v2.6**
|
> 작성: 디자인 에이전트(designer) · 작성일: 2026-07-23 · 버전: **v2.7**
|
||||||
> 근거 문서: `docs/PLANNING.md` **v3.0**(모듈 맵 M1~M18 + §5B 공통/시스템관리 레이어 + §1A 멀티테넌시, 6+2 역할, 나노바나나 표준 샷 세트 S1~S7) · `docs/FEATURE_BACKLOG_100.md`(100대 기능 F001~F100·NFR 4축) · Stitch 산출물 `stitch_kintex_ai_system_architect/`(18화면 + DESIGN.md 3변형) 학습·정합
|
> 근거 문서: `docs/PLANNING.md` **v3.0**(모듈 맵 M1~M18 + §5B 공통/시스템관리 레이어 + §1A 멀티테넌시, 6+2 역할, 나노바나나 표준 샷 세트 S1~S7) · `docs/FEATURE_BACKLOG_100.md`(100대 기능 F001~F100·NFR 4축) · Stitch 산출물 `stitch_kintex_ai_system_architect/`(18화면 + DESIGN.md 3변형) 학습·정합
|
||||||
> **단일 출처(Single Source of Truth)**: 프론트 구현 토큰·컴포넌트 계약은 본 문서가 권위다. Stitch 화면(code.html/screen.png)은 시각 참조로만 사용하며, 상충 시 본 문서를 따른다.
|
> **단일 출처(Single Source of Truth)**: 프론트 구현 토큰·컴포넌트 계약은 본 문서가 권위다. Stitch 화면(code.html/screen.png)은 시각 참조로만 사용하며, 상충 시 본 문서를 따른다.
|
||||||
> 용도: **각 화면의 "Stitch 프롬프트" 코드블록을 Google Stitch(stitch.withgoogle.com)에 그대로 붙여넣어 화면을 생성**한다. 문서는 한국어, Stitch 프롬프트만 영어.
|
> 용도: **각 화면의 "Stitch 프롬프트" 코드블록을 Google Stitch(stitch.withgoogle.com)에 그대로 붙여넣어 화면을 생성**한다. 문서는 한국어, Stitch 프롬프트만 영어.
|
||||||
@ -67,6 +67,17 @@
|
|||||||
- **그리드·간격**: 12컬럼 · 컨테이너 최대 `1440px` · 4px 베이스 · 거터 24px · 데스크톱 페이지 마진 48px(태블릿 32px, 모바일 16px). 속성/견적 패널 등 고밀도 영역 패딩은 8~12px로 타이트하게.
|
- **그리드·간격**: 12컬럼 · 컨테이너 최대 `1440px` · 4px 베이스 · 거터 24px · 데스크톱 페이지 마진 48px(태블릿 32px, 모바일 16px). 속성/견적 패널 등 고밀도 영역 패딩은 8~12px로 타이트하게.
|
||||||
- **데이터 테이블**: 긴 목록은 지브라 스트라이프(홀수행 `neutral-050 #F9FAFB`), 헤더는 sticky + `label` 타이포 + 옅은 회색 배경, 행 hover `#F1F5F9`. 복잡 테이블은 컬럼 숨김보다 가로 스크롤 우선.
|
- **데이터 테이블**: 긴 목록은 지브라 스트라이프(홀수행 `neutral-050 #F9FAFB`), 헤더는 sticky + `label` 타이포 + 옅은 회색 배경, 행 hover `#F1F5F9`. 복잡 테이블은 컬럼 숨김보다 가로 스크롤 우선.
|
||||||
|
|
||||||
|
### 1-4A. 전역 컴포넌트 표준 (v2.7 신설 — 2026-07-23 세션 6 소유자 확정)
|
||||||
|
|
||||||
|
> 아래 6개 표준은 **전 화면 공통 강제 규칙**이다. 개별 화면 스펙은 이를 재정의하지 않으며, 신규/기존 화면 모두 준수한다. 근거: `docs/OWNER_FEEDBACK.md` 세션 6.
|
||||||
|
|
||||||
|
- **G1. 디자인 시스템 재확정 — Nifty 문자 그대로 / Stitch 산출물 우선(강한 반복 피드백)**: 전 프론트 화면은 **Nifty 컴포넌트(`docs/DESIGN_SYSTEM_NIFTY.md`)를 문자 그대로** 사용한다(카드 `.kx-card`·테이블 `.kx-table`·버튼·드롭다운·List Group·타이포/모달/Offcanvas 등 UI-elements 전체, 자체 재해석 금지). **신규 화면은 Stitch 산출물(`stitch_kintex_ai_system_architect/`)을 먼저 이식**하고 그 위에 Nifty 토큰으로 수렴시킨다 — 손그림·임의 스타일 금지. 본 문서 §1 토큰이 단일 출처이며, Nifty 참조는 §1 토큰으로 번역해 적용한다(`docs/analysis/nifty-design-refs.md`).
|
||||||
|
- **G2. 페이지 타이틀 선(stroke) SVG 아이콘 의무**: **모든 페이지·섹션 타이틀 앞에는 선으로 그린(stroke, `fill:none`, `stroke:currentColor`) SVG 아이콘을 붙인다** — 공용 세트 `icons.tsx`에서 조달(화면별 의미 아이콘). **이모지 절대 금지.** 타이틀-아이콘 정렬은 좌측 정렬·아이콘 20~24px·타이틀과 8px 간격. 기존 이모지/무아이콘 타이틀은 전 화면 스윕으로 교체.
|
||||||
|
- **G3. 모든 그리드에 PDF 출력 버튼(JasperReports)**: **데이터 그리드(테이블)를 노출하는 모든 화면은 그리드 상단 우측 툴바에 "PDF 출력" 버튼을 표준 제공**한다 — 서버 사이드 **JasperReports(WISE Jasper 패턴)** 로 현재 필터·정렬·검색 상태를 반영한 리포트를 생성·다운로드(범용 `grid-pdf` 백엔드 계약, `application/pdf`). 버튼은 선 SVG 문서 아이콘 + 라벨 "PDF 출력", CSV/Excel 내보내기와 병렬. 로딩 중 "생성 중…" 비활성, 실패 시 인라인 재시도. 빈 그리드는 비활성.
|
||||||
|
- **G4. 목록 위젯 10줄 프리뷰 + "전체보기(N)" 표준**: **대시보드·홈의 목록형 위젯(내 할 일·공지·최근 활동·알림 피드·타임라인 등)은 최대 10줄만 프리뷰**하고, 항목이 초과하면 하단에 **"전체보기(N)"** 버튼(N=전체 건수)을 노출해 전용 목록/센터로 이동한다(무한 확장·위젯 내 스크롤 폭주 금지). 0건은 안내 문구 + 행동 버튼(CTA) 조합(§SCR-HOME 밀도 원칙 ④).
|
||||||
|
- **G5. 목록 오버플로 규격 — `minmax(0,1fr)`**: **알림 피드·타임라인·목록 위젯이 그리드/플렉스 자식일 때 트랙을 `minmax(0,1fr)`로 잡아** 긴 텍스트·세로 글자 짤림·컬럼 블로우아웃을 원천 차단한다(`min-width:0`/`min-height:0` 수렴). 항목 텍스트는 말줄임(ellipsis) 또는 줄바꿈으로 처리하고 컨테이너를 넘기지 않는다.
|
||||||
|
- **G6. 유색 배경 버튼 글자 = `--color-on-accent`(흰색) 전역**: **primary·AI·success·warning·error 등 유색(솔리드) 배경 버튼의 텍스트는 항상 `--color-on-accent`(흰색 `#FFFFFF`, 다크 토큰에서도 흰색 고정)** 를 사용한다(공개 사이트 포함 전 화면). 옅은 ghost/outline 버튼만 예외(색 텍스트). 유색 배경 위 텍스트 하드코딩 hex 금지 — CSS 변수 주입.
|
||||||
|
|
||||||
### 1-5. 반응형 기준·다크모드
|
### 1-5. 반응형 기준·다크모드
|
||||||
|
|
||||||
- **웹 1440px**(설계·에디터·대시보드 기준 해상도) / **모바일 390px**(조회·승인·현장 시나리오). 태블릿은 웹 레이아웃 축소 대응.
|
- **웹 1440px**(설계·에디터·대시보드 기준 해상도) / **모바일 390px**(조회·승인·현장 시나리오). 태블릿은 웹 레이아웃 축소 대응.
|
||||||
@ -461,6 +472,7 @@ An enterprise MDI (multiple document interface) application shell for "KINTEX AI
|
|||||||
1. 좌우 분할: 좌측 55% 브랜드 패널 — 나노바나나 생성 부스 예상 사진 배경 + 카피 "신청서를 내는 순간, 시공 후 사진을 먼저 봅니다" + AI 이미지 고지 캡션
|
1. 좌우 분할: 좌측 55% 브랜드 패널 — 나노바나나 생성 부스 예상 사진 배경 + 카피 "신청서를 내는 순간, 시공 후 사진을 먼저 봅니다" + AI 이미지 고지 캡션
|
||||||
2. 우측 45% 로그인 카드: 이메일/비밀번호, 이메일 인증 로그인, 킨텍스 내부 계정(SSO) 버튼 분리 + 하단 링크 "초대 코드로 참여하기"(코드 입력 모달)
|
2. 우측 45% 로그인 카드: 이메일/비밀번호, 이메일 인증 로그인, 킨텍스 내부 계정(SSO) 버튼 분리 + 하단 링크 "초대 코드로 참여하기"(코드 입력 모달)
|
||||||
- **핵심 컴포넌트/상태**: 로그인 실패 인라인 에러 · 에러: 미등록 장치업체 초대 수락 시 차단 모달("킨텍스 등록업체만 참여할 수 있습니다"). **역할 배지·워크스페이스 카드 그리드·"참여 중인 행사가 없습니다" 빈 상태·초대 코드 안내는 SCR-HOME으로 이관**(아래 §SCR-HOME 참조).
|
- **핵심 컴포넌트/상태**: 로그인 실패 인라인 에러 · 에러: 미등록 장치업체 초대 수락 시 차단 모달("킨텍스 등록업체만 참여할 수 있습니다"). **역할 배지·워크스페이스 카드 그리드·"참여 중인 행사가 없습니다" 빈 상태·초대 코드 안내는 SCR-HOME으로 이관**(아래 §SCR-HOME 참조).
|
||||||
|
- **2차 인증 패널 로고(v2.7 — 세션 6)**: 로그인 2단계 OTP 챌린지(`OtpChallengePanel`)와 OTP 설정(SCR-51)의 상단 로고는 **KINTEX 워드마크(32px, `.kx-otp__logo`)** 로 통일 — 방패/자물쇠 보안 아이콘 대체 금지(SCR-51 브랜드 아이콘 확정 참조).
|
||||||
- **Stitch 프롬프트**:
|
- **Stitch 프롬프트**:
|
||||||
|
|
||||||
```
|
```
|
||||||
@ -500,7 +512,8 @@ A B2B SaaS login page for "KINTEX AI 전시관리", a Korean exhibition manageme
|
|||||||
- **빈 상태(전부 안내+행동 버튼 조합 — 밀도 원칙 ④)**: 배너 미등록 시 기본 그라디언트 + 브랜드 카피 폴백(SCR-01 카피 재사용) + CTA "행사 둘러보기" · **쇼케이스 탭 0건 "해당 기간 전시가 없습니다" + "전체 일정 보기"**(개별 카드의 포스터 부재는 그라디언트+행사명 폴백 카드) · **내 할 일 0건 "모두 완료" 상태(success 체크 + "처리할 작업이 없습니다") + 행동 버튼("결재함 열기" 등 역할별)** · 공지 0건 "등록된 공지가 없습니다" + "전체 공지 보기"(권한자는 "공지 작성") · 워크스페이스 0건 초대 안내 + 초대 코드 입력 필드 + "초대 코드 확인" 버튼 · 일정 0건 "예정된 전시가 없습니다" + "전체 일정 보기" · 최근 활동 0건 "최근 활동이 없습니다" + "알림 설정".
|
- **빈 상태(전부 안내+행동 버튼 조합 — 밀도 원칙 ④)**: 배너 미등록 시 기본 그라디언트 + 브랜드 카피 폴백(SCR-01 카피 재사용) + CTA "행사 둘러보기" · **쇼케이스 탭 0건 "해당 기간 전시가 없습니다" + "전체 일정 보기"**(개별 카드의 포스터 부재는 그라디언트+행사명 폴백 카드) · **내 할 일 0건 "모두 완료" 상태(success 체크 + "처리할 작업이 없습니다") + 행동 버튼("결재함 열기" 등 역할별)** · 공지 0건 "등록된 공지가 없습니다" + "전체 공지 보기"(권한자는 "공지 작성") · 워크스페이스 0건 초대 안내 + 초대 코드 입력 필드 + "초대 코드 확인" 버튼 · 일정 0건 "예정된 전시가 없습니다" + "전체 일정 보기" · 최근 활동 0건 "최근 활동이 없습니다" + "알림 설정".
|
||||||
- **에러**: 영역별 인라인 에러 카드 + 재시도(전면 에러 금지 — 한 영역 실패가 홈 전체를 막지 않음). KPI/캘린더 API 실패 시 해당 카드만 "불러오지 못했습니다 · 다시 시도".
|
- **에러**: 영역별 인라인 에러 카드 + 재시도(전면 에러 금지 — 한 영역 실패가 홈 전체를 막지 않음). KPI/캘린더 API 실패 시 해당 카드만 "불러오지 못했습니다 · 다시 시도".
|
||||||
- **데이터 소스 매핑**: ①KPI = 기존 실 API 재사용(진행 전시=이벤트 목록, 오늘 체크인=M10 체크인 집계, D-임박=이벤트 캘린더 파생, 미결 결재=승인/결재 집계) ②배너 = **기존 login-slides 자산/API 재사용**(SCR-01과 단일 출처) ③일정 = `/api/events/calendar` + `/api/public/events`, **전시장 필터 옵션 = 홀 마스터 조회 API(센터/전시장 구분 그룹, distinct·정렬 순)** — 세그먼트 옵션은 이 API 응답으로 동적 구성(하드코딩 금지, 3관·4관 확장 대비), 선택값은 캘린더·리스트 조회에 홀/센터 필터 파라미터로 전달 ④**쇼케이스 = event 테이블 `poster_url`(V32 마이그레이션 크롤 적재분·34건) + 기간(start/end) + `hall_label`** — 탭별 필터(진행 중=오늘 포함 기간 / 이번 달·다음 달=해당 월 개장), `poster_url` NULL이면 그라디언트+행사명 폴백 카드 ⑤**내 할 일 = 결재함(§5B approval)·서류 마감(M6)·옥션(M15)·정산(M9) 집계 API 조합** — 프론트 개별 호출 조합 대신 **신규 통합 API `GET /api/home/todos` 계약 제안**: 응답 `{ total: number, items: [{ type: 'approval'|'document'|'auction'|'settlement'|'system', title, target, dueDate?, dday?, severity: 'normal'|'warning'|'overdue', route }] }` — 역할(JWT)별 서버 사이드 구성·기한 임박순 정렬·최대 6건+total(백엔드 kintex-backend-dev 소관, 계약만 정의) ⑥공지 = §5B notice 최근 5건(`/work/notice` 목록 API) ⑦빠른 작업 = 역할별 정적 정의(라우트 레지스트리 — API 불필요) ⑧최근 활동 = 기존 알림/이벤트 피드 API 재사용(SCR-47 알림센터와 동일 원천, 최근 5건) ⑨워크스페이스 = 기존 워크스페이스(참여 행사) 데이터. 미연동 지표는 SCR-02 원칙대로 샘플 표기.
|
- **데이터 소스 매핑**: ①KPI = 기존 실 API 재사용(진행 전시=이벤트 목록, 오늘 체크인=M10 체크인 집계, D-임박=이벤트 캘린더 파생, 미결 결재=승인/결재 집계) ②배너 = **기존 login-slides 자산/API 재사용**(SCR-01과 단일 출처) ③일정 = `/api/events/calendar` + `/api/public/events`, **전시장 필터 옵션 = 홀 마스터 조회 API(센터/전시장 구분 그룹, distinct·정렬 순)** — 세그먼트 옵션은 이 API 응답으로 동적 구성(하드코딩 금지, 3관·4관 확장 대비), 선택값은 캘린더·리스트 조회에 홀/센터 필터 파라미터로 전달 ④**쇼케이스 = event 테이블 `poster_url`(V32 마이그레이션 크롤 적재분·34건) + 기간(start/end) + `hall_label`** — 탭별 필터(진행 중=오늘 포함 기간 / 이번 달·다음 달=해당 월 개장), `poster_url` NULL이면 그라디언트+행사명 폴백 카드 ⑤**내 할 일 = 결재함(§5B approval)·서류 마감(M6)·옥션(M15)·정산(M9) 집계 API 조합** — 프론트 개별 호출 조합 대신 **신규 통합 API `GET /api/home/todos` 계약 제안**: 응답 `{ total: number, items: [{ type: 'approval'|'document'|'auction'|'settlement'|'system', title, target, dueDate?, dday?, severity: 'normal'|'warning'|'overdue', route }] }` — 역할(JWT)별 서버 사이드 구성·기한 임박순 정렬·최대 6건+total(백엔드 kintex-backend-dev 소관, 계약만 정의) ⑥공지 = §5B notice 최근 5건(`/work/notice` 목록 API) ⑦빠른 작업 = 역할별 정적 정의(라우트 레지스트리 — API 불필요) ⑧최근 활동 = 기존 알림/이벤트 피드 API 재사용(SCR-47 알림센터와 동일 원천, 최근 5건) ⑨워크스페이스 = 기존 워크스페이스(참여 행사) 데이터. 미연동 지표는 SCR-02 원칙대로 샘플 표기.
|
||||||
- **접근성·반응형·국제화**: 1440 기준, 태블릿 본문 2열→1열, 모바일은 SCR-M3(모바일 홈)로 분기. 라이트/다크 토큰(CSS 변수 주입·하드코딩 hex 금지). i18n **`home.` 네임스페이스** 전제(예 `home.greeting`·`home.kpi.*`·`home.showcase.*`·`home.todo.*`·`home.notice.more`·`home.workspace.empty`). **이모지 금지 — 전 아이콘 선 SVG**(stroke, `fill:none`). 캐러셀 자동재생은 일시정지 컨트롤 제공·`prefers-reduced-motion` 준수, 캘린더 점유는 색 외 텍스트/패턴 병기, KPI·리스트 `aria-label`, 포커스 링 `primary-600` 2px, 명도 대비 WCAG AA 이상.
|
- **목록 위젯 표준(v2.7 — 세션 6 소유자 확정 · §1-4A G4·G5 적용)**: **내 할 일·공지·최근 활동** 3개 목록 위젯은 **최대 10줄 프리뷰 + 하단 "전체보기(N)" 버튼**(N=전체 건수)으로 통일한다(기존 "6행/5건 + 더보기" 표기를 **10줄 표준**으로 갱신 — 내 할 일 6행→10줄, 공지·최근 활동 5건→10줄). 각 위젯 컨테이너는 **`minmax(0,1fr)` 트랙**으로 잡아 항목 텍스트가 세로로 짤리거나 컬럼을 밀어내지 않게 하고(최근 활동 타임라인 포함), 항목은 말줄임/줄바꿈으로 처리. "더보기"/"전체 보기" 라벨은 "전체보기(N)"로 정합(공지→`/work/notice`, 최근 활동→알림센터, 내 할 일→역할별 작업 목록).
|
||||||
|
- **접근성·반응형·국제화**: 1440 기준, 태블릿 본문 2열→1열, 모바일은 SCR-M3(모바일 홈)로 분기. 라이트/다크 토큰(CSS 변수 주입·하드코딩 hex 금지). i18n **`home.` 네임스페이스** 전제(예 `home.greeting`·`home.kpi.*`·`home.showcase.*`·`home.todo.*`·`home.notice.more`·`home.workspace.empty`). **이모지 금지 — 전 아이콘 선 SVG**(stroke, `fill:none`, §1-4A G2 — 각 섹션 타이틀 앞 선 SVG 아이콘). 캐러셀 자동재생은 일시정지 컨트롤 제공·`prefers-reduced-motion` 준수, 캘린더 점유는 색 외 텍스트/패턴 병기, KPI·리스트 `aria-label`, 포커스 링 `primary-600` 2px, 명도 대비 WCAG AA 이상.
|
||||||
- **Stitch 프롬프트**:
|
- **Stitch 프롬프트**:
|
||||||
|
|
||||||
```
|
```
|
||||||
@ -518,6 +531,7 @@ A post-login landing home dashboard for "KINTEX AI 전시관리", a Korean B2B e
|
|||||||
2. **히어로 — 마일스톤 타임라인 (가로 전폭)**: D-150 홀 배정 → D-30 사전업무협의 → D-25 유틸리티 신청 마감 → D-7 신고서류 제출 → D-0 개장. 완료 노드는 녹색 체크, 현재 구간은 파란 진행 바, 임박 노드는 주황 펄스. 각 노드 아래 카드에 잔여 항목 수("신고서류 3/7 완료")
|
2. **히어로 — 마일스톤 타임라인 (가로 전폭)**: D-150 홀 배정 → D-30 사전업무협의 → D-25 유틸리티 신청 마감 → D-7 신고서류 제출 → D-0 개장. 완료 노드는 녹색 체크, 현재 구간은 파란 진행 바, 임박 노드는 주황 펄스. 각 노드 아래 카드에 잔여 항목 수("신고서류 3/7 완료")
|
||||||
3. KPI 카드 4개: 참가업체 신청 128/160 · 부스 배치 확정률 92% · 유틸리티 신청 완료 74% (D-25 임박 경고) · 규정 위반 미해결 5건
|
3. KPI 카드 4개: 참가업체 신청 128/160 · 부스 배치 확정률 92% · 유틸리티 신청 완료 74% (D-25 임박 경고) · 규정 위반 미해결 5건
|
||||||
4. 좌측 2/3: 참가업체 현황 테이블(부스번호, 업체명, 설계 상태 배지, 유틸리티 상태, 예상 사진 썸네일) / 우측 1/3: 알림 피드(승인·반려·마감 이벤트) + "홀 전경 조감(S7)" 미니 이미지 카드
|
4. 좌측 2/3: 참가업체 현황 테이블(부스번호, 업체명, 설계 상태 배지, 유틸리티 상태, 예상 사진 썸네일) / 우측 1/3: 알림 피드(승인·반려·마감 이벤트) + "홀 전경 조감(S7)" 미니 이미지 카드
|
||||||
|
- **오버플로·목록 규격(v2.7 — 세션 6 소유자 확정 · §1-4A G4·G5)**: ①**마일스톤 타임라인(진행 단계)이 짤리지 않도록** 히어로 타임라인 트랙은 `minmax(0,1fr)`로 잡고 노드 카드가 컨테이너를 넘기지 않게 한다(D-노드 라벨 말줄임·5노드 균등폭). ②**우측 알림 피드**는 그리드 자식 트랙 `minmax(0,1fr)`로 잡아 **세로 글자 짤림/컬럼 블로우아웃을 원천 차단**(텍스트 말줄임), **최대 10줄 프리뷰 + "전체보기(N)"**(알림센터 이동)로 통일. ③참가업체 현황 테이블은 §1-4A G3(그리드 PDF 출력 버튼) 적용. **데이터**: 참가업체 현황·알림 피드는 V68(참가업체 24사)·V69(옥션·수주·피드 파생) 시드로 채움(빈 화면 방지).
|
||||||
- **상태**: 로딩 — KPI 스켈레톤 · 빈 상태 — 참가업체 0명 시 "초대 링크 발급" CTA · 에러 — 데이터 로드 실패 배너+재시도.
|
- **상태**: 로딩 — KPI 스켈레톤 · 빈 상태 — 참가업체 0명 시 "초대 링크 발급" CTA · 에러 — 데이터 로드 실패 배너+재시도.
|
||||||
- **Stitch 프롬프트**:
|
- **Stitch 프롬프트**:
|
||||||
|
|
||||||
@ -532,10 +546,11 @@ An enterprise dashboard for an exhibition organizer, part of "KINTEX AI 전시
|
|||||||
- **대상**: 주최자 (홀매니저 읽기 전용) · **진입 경로**: 대시보드 → 플로어플랜 스튜디오 / AI 자동배치 위저드 ③단계 "이 안으로 편집 시작"(apply-option 저장 완료 후 캔버스 진입 — SCR-04)
|
- **대상**: 주최자 (홀매니저 읽기 전용) · **진입 경로**: 대시보드 → 플로어플랜 스튜디오 / AI 자동배치 위저드 ③단계 "이 안으로 편집 시작"(apply-option 저장 완료 후 캔버스 진입 — SCR-04)
|
||||||
- **레이아웃**:
|
- **레이아웃**:
|
||||||
1. 상단 툴바: **홀 선택 셀렉트**(전시장별 optgroup 그룹핑 — "제2전시장 · 홀7", 변경 시 해당 홀 배치 라우트로 전환, v2.6 M2-1 정합), 배치안 버전 드롭다운("배치안 B v3"), 저장 상태, **보라색 AI 버튼 "AI 자동배치"(클릭 시 3단계 위저드 다이얼로그 오픈 — 아래 M2-1 절)**, "규정 검증 실행", "홀 전경 생성(S7)", 공유
|
1. 상단 툴바: **홀 선택 셀렉트**(전시장별 optgroup 그룹핑 — "제2전시장 · 홀7", 변경 시 해당 홀 배치 라우트로 전환, v2.6 M2-1 정합), 배치안 버전 드롭다운("배치안 B v3"), 저장 상태, **보라색 AI 버튼 "AI 자동배치"(클릭 시 3단계 위저드 다이얼로그 오픈 — 아래 M2-1 절)**, "규정 검증 실행", "홀 전경 생성(S7)", 공유
|
||||||
2. 좌측 도구 패널(240px): 부스 팔레트(기본 3×3m / 프리미엄 6×3m / 아일랜드), 시설 요소(무대·라운지·주출입구), 레이어 토글(트렌치 그리드 / 기둥·셔터·비상구 / 위반 오버레이)
|
2. 좌측 도구 패널(240px): **도면 툴그룹(JPG / DWG 탭 — 디폴트 = DWG, v2.7 세션 6)**, **부스 팔레트**(표준 규격 선택/드래그: 기본 3×3m / 프리미엄 6×3m / 아일랜드 — 카드 클릭 선택 후 캔버스 드래그앤드롭 배치), 시설 요소(무대·라운지·주출입구), 레이어 토글(트렌치 그리드 / 기둥·셔터·비상구 / 위반 오버레이)
|
||||||
3. **중앙 캔버스(다크 `#1C2536`)**: **실측 홀 도면 JPG를 배경으로 로드하고, 도면 내 전시 바닥면 캘리브레이션 영역(FLOOR_REGIONS 분율 좌표 — 구현 정본 `hallFloorplan.ts`)에 홀 좌표계(홀7 기준 126×90m, 축척 표시)를 정렬**해 부스 폴리곤이 **평면도 안에** 표시·드래그앤드롭된다(도면 없는 추상 캔버스에 배치 후 도면 덧그리기 금지 — PLANNING v3.5 M2-1 원칙 1). 부스는 파란 채움+부스번호, 선택 시 핸들. 트렌치 그리드는 점선, 비상구는 녹색 아이콘. **위반 오버레이**: 통로 폭 미달 구간 빨간 반투명 밴드 + 번호 핀(차단 2건 — 핀 1·2), 바닥하중 초과 부스 주황 빗금(경고 3건 — 핀 3·4·5) — 우측 [검증] 탭 요약 "차단 2 · 경고 3"과 핀이 1:1 일치(v2.5 B-07 정정)
|
3. **중앙 캔버스(다크 `#1C2536`)**: **실측 홀 도면 JPG를 배경으로 로드하고, 도면 내 전시 바닥면 캘리브레이션 영역(FLOOR_REGIONS 분율 좌표 — 구현 정본 `hallFloorplan.ts`)에 홀 좌표계(홀7 기준 126×90m, 축척 표시)를 정렬**해 부스 폴리곤이 **평면도 안에** 표시·드래그앤드롭된다(도면 없는 추상 캔버스에 배치 후 도면 덧그리기 금지 — PLANNING v3.5 M2-1 원칙 1). 부스는 파란 채움+부스번호, 선택 시 핸들. 트렌치 그리드는 점선, 비상구는 녹색 아이콘. **위반 오버레이**: 통로 폭 미달 구간 빨간 반투명 밴드 + 번호 핀(차단 2건 — 핀 1·2), 바닥하중 초과 부스 주황 빗금(경고 3건 — 핀 3·4·5) — 우측 [검증] 탭 요약 "차단 2 · 경고 3"과 핀이 1:1 일치(v2.5 B-07 정정)
|
||||||
4. 우측 패널(360px) 탭 2개: [속성] 선택 부스 좌표·크기·타입·배정 업체 / [검증] 위반 목록 카드(핀 번호, 규정 근거 "피난 통로 3m 미만", 심각도, "위치 보기") + 요약 "차단 2 · 경고 3"
|
4. 우측 패널(360px) 탭 2개: [속성] 선택 부스 좌표·크기·타입·배정 업체 / [검증] 위반 목록 카드(핀 번호, 규정 근거 "피난 통로 3m 미만", 심각도, "위치 보기") + 요약 "차단 2 · 경고 3"
|
||||||
5. 하단 상태 바: 부스 수 486/510 · 판매 면적 · 줌 컨트롤
|
5. 하단 상태 바: 부스 수 486/510 · 판매 면적 · 줌 컨트롤
|
||||||
|
- **플로어플랜 표준 확정(v2.7 — 세션 6 소유자 확정)**: ①**도면 탭 디폴트 = DWG** — 좌측 도면 툴그룹은 JPG/DWG 2탭이며 **기본 선택은 DWG**(CAD 렌더 PNG `/media/floorplans/dwg/hall{1~10}.png`, 미보유 홀은 탭 비활성·JPG 폴백). ②**부스 팔레트** — 표준 규격 카드를 클릭해 선택하고 캔버스로 드래그앤드롭 배치(규격은 마스터 부스표준 기준). ③**평면도 확대 팝업(`.kx-floorplan-lightbox`, 신설)** — 캔버스 상단 "확대" 버튼(또는 도면 더블클릭) 시 **대형 모달**로 현재 도면(DWG/JPG)을 크게 열람(`role="dialog"` `aria-modal`, 배경 클릭·Esc 닫기, 모달 내 휠 줌·드래그 이동). AI 자동배치 완료 결과도 이 확대 팝업에 우선 표시(아래 SCR-04 AI UX 참조).
|
||||||
- **상태**: AI 자동배치 생성 중 — **위저드 다이얼로그 내 진행 화면**("제약조건 풀이 중… 복수 안 생성" — 캔버스 오버레이 아님, v2.6 정정) · 검증 통과 시 녹색 배너 "위반 0건 — 제출 가능" · 빈 캔버스 — "AI 자동배치(3단계 위저드)로 시작하세요" CTA(위저드 ①단계 진입).
|
- **상태**: AI 자동배치 생성 중 — **위저드 다이얼로그 내 진행 화면**("제약조건 풀이 중… 복수 안 생성" — 캔버스 오버레이 아님, v2.6 정정) · 검증 통과 시 녹색 배너 "위반 0건 — 제출 가능" · 빈 캔버스 — "AI 자동배치(3단계 위저드)로 시작하세요" CTA(위저드 ①단계 진입).
|
||||||
- **M2-1 자동배치 3단계 위저드 진입 모드 (v2.6 신설 — PLANNING v3.5 M2-1 정합, 구현 정본 `AutoLayoutDialog.tsx`)**: 위저드는 SCR-03의 **진입 모드**(모달 다이얼로그 `.kx-auto`)로 편입 — 배치 미존재 시 ①단계부터 시작, 기존 배치 존재 시 캔버스 직행(+툴바 "AI 자동배치"로 위저드 재실행). 단계 표시기(`① 어디에 → ② 조건 → ③ 배치안 선택`, 완료 단계 체크 표시) 공통.
|
- **M2-1 자동배치 3단계 위저드 진입 모드 (v2.6 신설 — PLANNING v3.5 M2-1 정합, 구현 정본 `AutoLayoutDialog.tsx`)**: 위저드는 SCR-03의 **진입 모드**(모달 다이얼로그 `.kx-auto`)로 편입 — 배치 미존재 시 ①단계부터 시작, 기존 배치 존재 시 캔버스 직행(+툴바 "AI 자동배치"로 위저드 재실행). 단계 표시기(`① 어디에 → ② 조건 → ③ 배치안 선택`, 완료 단계 체크 표시) 공통.
|
||||||
- **① 어디에**: **셀렉트 3단 캐스케이드** — 대분류(전시장: 제1/제2전시장) > 중분류(홀 H1~H10, 라벨에 실측 치수 "…— 63×171m" 병기) > 소분류(구역, 기본값 **"홀 전체"**). 소스 = `GET /api/halls/tree`(V60 `hall_zone` 계층). 상위 변경 시 하위 초기화. 트리 로드 실패 시 degraded 노트("⚠ 평면도 목록을 불러오지 못해 현재 홀 기준으로 진행합니다")로 계속 진행. 액션: "취소" / "다음 — 조건 입력".
|
- **① 어디에**: **셀렉트 3단 캐스케이드** — 대분류(전시장: 제1/제2전시장) > 중분류(홀 H1~H10, 라벨에 실측 치수 "…— 63×171m" 병기) > 소분류(구역, 기본값 **"홀 전체"**). 소스 = `GET /api/halls/tree`(V60 `hall_zone` 계층). 상위 변경 시 하위 초기화. 트리 로드 실패 시 degraded 노트("⚠ 평면도 목록을 불러오지 못해 현재 홀 기준으로 진행합니다")로 계속 진행. 액션: "취소" / "다음 — 조건 입력".
|
||||||
@ -544,7 +559,7 @@ An enterprise dashboard for an exhibition organizer, part of "KINTEX AI 전시
|
|||||||
- **Stitch 프롬프트**:
|
- **Stitch 프롬프트**:
|
||||||
|
|
||||||
```
|
```
|
||||||
A professional floor plan editor screen for exhibition booth layout, in a Korean B2B web app "KINTEX AI 전시관리". Desktop 1440px. All UI text in Korean. Three-column editor layout. Top toolbar: a hall selector dropdown "제2전시장 · 홀7" (grouped by exhibition center), version dropdown "배치안 B · v3", autosave label "저장됨", a distinctive purple #6D4AFF button with sparkle icon "AI 자동배치", outlined buttons "규정 검증 실행" and "홀 전경 생성", and an icon button with a share icon labeled "공유" at the right end of the toolbar. Left tool panel 240px on white: booth palette items with small square previews ("기본 부스 3×3m", "프리미엄 6×3m", "아일랜드 부스"), facility items ("무대", "라운지", "주출입구"), and layer toggles with switches ("트렌치 그리드", "기둥·비상구", "위반 오버레이" turned on). Center: large dark navy canvas #1C2536 showing a scanned top-down exhibition hall floor-plan drawing (JPG blueprint style) as the base layer, with the booth layout aligned inside the drawing's exhibition floor area (hall outline 126×90m with scale ruler) — dozens of small blue booth rectangles arranged in rows with white booth numbers like "A-101" sitting inside the floor plan, dashed grid lines for floor trenches, green emergency-exit icons on walls; overlay violations: two semi-transparent red bands across an aisle with numbered red pins "1", "2", and three booths hatched in orange with numbered orange pins "3", "4", "5". Right panel 360px with two tabs "속성 | 검증", showing the 검증 tab: summary chips "차단 2 · 경고 3", a list of violation cards each with pin number, red or orange severity dot, Korean text like "피난 통로 폭 3m 미만 (규정 §4.2)" and a small link "위치 보기". Bottom status bar: "부스 486 / 510 · 판매면적 4,374㎡ · 100%" with zoom controls. Dense engineering-tool aesthetic, light UI chrome around a dark canvas.
|
A professional floor plan editor screen for exhibition booth layout, in a Korean B2B web app "KINTEX AI 전시관리". Desktop 1440px. All UI text in Korean. Three-column editor layout. Top toolbar: a hall selector dropdown "제2전시장 · 홀7" (grouped by exhibition center), version dropdown "배치안 B · v3", autosave label "저장됨", a distinctive purple #6D4AFF button with sparkle icon "AI 자동배치", outlined buttons "규정 검증 실행" and "홀 전경 생성", and an icon button with a share icon labeled "공유" at the right end of the toolbar. Left tool panel 240px on white: a "도면" tool group with two tabs "JPG / DWG" where the DWG tab is selected by default (a crisp CAD-rendered hall floor plan), a booth palette with small square previews to pick and drag onto the canvas ("기본 부스 3×3m", "프리미엄 6×3m", "아일랜드 부스"), facility items ("무대", "라운지", "주출입구"), and layer toggles with switches ("트렌치 그리드", "기둥·비상구", "위반 오버레이" turned on). Center: large dark navy canvas #1C2536 with an "확대" (expand) icon button at its top-right corner that opens a large full-screen modal of the drawing; the canvas shows the DWG-rendered top-down exhibition hall floor-plan as the base layer, with the booth layout aligned inside the drawing's exhibition floor area (hall outline 126×90m with scale ruler) — dozens of small blue booth rectangles arranged in rows with white booth numbers like "A-101" sitting inside the floor plan, dashed grid lines for floor trenches, green emergency-exit icons on walls; overlay violations: two semi-transparent red bands across an aisle with numbered red pins "1", "2", and three booths hatched in orange with numbered orange pins "3", "4", "5". Right panel 360px with two tabs "속성 | 검증", showing the 검증 tab: summary chips "차단 2 · 경고 3", a list of violation cards each with pin number, red or orange severity dot, Korean text like "피난 통로 폭 3m 미만 (규정 §4.2)" and a small link "위치 보기". Bottom status bar: "부스 486 / 510 · 판매면적 4,374㎡ · 100%" with zoom controls. Dense engineering-tool aesthetic, light UI chrome around a dark canvas.
|
||||||
```
|
```
|
||||||
|
|
||||||
---
|
---
|
||||||
@ -558,6 +573,7 @@ A professional floor plan editor screen for exhibition booth layout, in a Korean
|
|||||||
3. 카드 본문: 안 라벨(1안/2안/3안), 지표 리스트(부스 수/목표 · 판매면적㎡ · 최소 통로폭m · 위반 건수 — 위반>0 빨강, 0건 녹색) + **WISE AI 요약**(AiLabel + 안 특성 한 줄, 예: "통로 가시성을 우선한 안입니다")
|
3. 카드 본문: 안 라벨(1안/2안/3안), 지표 리스트(부스 수/목표 · 판매면적㎡ · 최소 통로폭m · 위반 건수 — 위반>0 빨강, 0건 녹색) + **WISE AI 요약**(AiLabel + 안 특성 한 줄, 예: "통로 가시성을 우선한 안입니다")
|
||||||
4. 그리드 하단 안내 문구: **"생성한 조감 이미지는 자동 저장되어 시각화 갤러리에서 다시 보거나 공사 옥션 참고 이미지로 쓸 수 있습니다"** — 이미지는 `render_job` 영속(일회성 미리보기로 휘발 금지), 렌더 갤러리(SCR-12) `boothRef=HALL-{hallId}` 재열람 + M15 옥션 자료 패키지 `MaterialPackage.aiImageUrl` 재사용(M2-1 원칙 4)
|
4. 그리드 하단 안내 문구: **"생성한 조감 이미지는 자동 저장되어 시각화 갤러리에서 다시 보거나 공사 옥션 참고 이미지로 쓸 수 있습니다"** — 이미지는 `render_job` 영속(일회성 미리보기로 휘발 금지), 렌더 갤러리(SCR-12) `boothRef=HALL-{hallId}` 재열람 + M15 옥션 자료 패키지 `MaterialPackage.aiImageUrl` 재사용(M2-1 원칙 4)
|
||||||
5. 하단 액션: 좌 "조건 수정"(②단계 복귀) / 우 주 CTA **"이 안으로 편집 시작"** — 클릭 시 **`POST …/apply-option`으로 선택안을 실제 배치안 버전으로 저장**(3안은 비교 단계까지 미저장 미리보기 — M2-1 원칙 5. 저장 중 버튼 라벨 **"저장 중…"** 비활성) 후 다이얼로그 닫힘 → 에디터 캔버스(SCR-03) 진입(적용 홀이 현재 라우트와 다르면 해당 홀 배치 라우트로 이동)
|
5. 하단 액션: 좌 "조건 수정"(②단계 복귀) / 우 주 CTA **"이 안으로 편집 시작"** — 클릭 시 **`POST …/apply-option`으로 선택안을 실제 배치안 버전으로 저장**(3안은 비교 단계까지 미저장 미리보기 — M2-1 원칙 5. 저장 중 버튼 라벨 **"저장 중…"** 비활성) 후 다이얼로그 닫힘 → 에디터 캔버스(SCR-03) 진입(적용 홀이 현재 라우트와 다르면 해당 홀 배치 라우트로 이동)
|
||||||
|
- **AI 자동배치 결과 UX — 시각 우선(v2.7 — 세션 6 소유자 확정)**: **AI 자동배치(②단계 "배치안 생성") 완료 시, 배치 결과를 먼저 시각적으로 보여준다** — ③단계 진입과 동시에 **평면도 확대 팝업(`.kx-floorplan-lightbox`, SCR-03 신설 모달)에 대표안(1안)의 배치 결과를 도면 위에 크게 렌더**해 사용자가 "평면도 안에 부스가 어떻게 놓였는지"를 한눈에 확인하게 한다(시각 우선 원칙). **배치안(3안)의 지표·비교 상세는 그 다음, 버튼 클릭 시 노출** — 확대 팝업 하단/우측 "배치안 비교 보기(3안)" 버튼을 누르면 3안 카드 그리드(지표·AI 요약·조감 CTA)로 전개된다(자동으로 상세 표를 먼저 펼치지 않음). 팝업 안에서 안 전환(1안/2안/3안 토글) 시 도면 배치 렌더가 즉시 갱신. 조감(S7) 이미지는 여전히 온디맨드(원칙 3) — 배치 결과 시각은 도면 위 부스 배치 렌더(무료·즉시)이고, 포토리얼 조감은 버튼 생성.
|
||||||
- **이미지 확대 라이트박스(`.kx-lightbox`, v2.6 신설)**: 생성 완료된 조감 이미지 클릭 → 확대 팝업(`role="dialog"` `aria-modal`, 배경 클릭·Esc 닫기) — 원본 크기 이미지 + **워터마크 고지 문구 유지**("AI 생성 예상 이미지 — 실제 시공 결과와 다를 수 있습니다. 계약·심사 서류에 사용 불가.") + 액션 2개: **"이미지 저장"**(`<a download>` 다운로드) / "닫기".
|
- **이미지 확대 라이트박스(`.kx-lightbox`, v2.6 신설)**: 생성 완료된 조감 이미지 클릭 → 확대 팝업(`role="dialog"` `aria-modal`, 배경 클릭·Esc 닫기) — 원본 크기 이미지 + **워터마크 고지 문구 유지**("AI 생성 예상 이미지 — 실제 시공 결과와 다를 수 있습니다. 계약·심사 서류에 사용 불가.") + 액션 2개: **"이미지 저장"**(`<a download>` 다운로드) / "닫기".
|
||||||
- **샘플 지표 산술 정합(v2.5 — B-08 정정)**: 판매면적 샘플은 부스 수 × 기본 3×3m(9㎡) 기준으로 통일 — **510부스 = 4,590㎡**(SCR-03 하단 상태 바의 486부스 = 4,374㎡와 동일 산식). 기존 4,420㎡ 표기는 산술 오류로 폐기.
|
- **샘플 지표 산술 정합(v2.5 — B-08 정정)**: 판매면적 샘플은 부스 수 × 기본 3×3m(9㎡) 기준으로 통일 — **510부스 = 4,590㎡**(SCR-03 하단 상태 바의 486부스 = 4,374㎡와 동일 산식). 기존 4,420㎡ 표기는 산술 오류로 폐기.
|
||||||
- **상태**: S7 미요청(기본) — 점선 CTA 박스(스켈레톤 아님) · 생성 요청 중 — 버튼 "요청 중…" 비활성 · 생성 중 — AiImage QUEUED/RUNNING 스피너 · 생성 실패/큐 미가용 — 오류 노트("이미지 생성 큐가 준비되지 않았습니다…") 표시하되 **배치안 선택·적용은 계속 가능** · apply-option 저장 실패 — 오류 노트("배치안 저장 실패: …") + 재시도.
|
- **상태**: S7 미요청(기본) — 점선 CTA 박스(스켈레톤 아님) · 생성 요청 중 — 버튼 "요청 중…" 비활성 · 생성 중 — AiImage QUEUED/RUNNING 스피너 · 생성 실패/큐 미가용 — 오류 노트("이미지 생성 큐가 준비되지 않았습니다…") 표시하되 **배치안 선택·적용은 계속 가능** · apply-option 저장 실패 — 오류 노트("배치안 저장 실패: …") + 재시도.
|
||||||
@ -754,7 +770,8 @@ An enterprise Business Intelligence analytics dashboard for a venue operator, pa
|
|||||||
- **모듈·우선순위**: M14 현장운영 · **P2**(PLANNING §5A M14). 초기 범위는 **M4(전력 부하)·M10(체크인 혼잡) 파생 데이터 + 수기 입력** 결합이며, CCTV/센서/IoT 실시간은 킨텍스 시설 인프라 의존(후속).
|
- **모듈·우선순위**: M14 현장운영 · **P2**(PLANNING §5A M14). 초기 범위는 **M4(전력 부하)·M10(체크인 혼잡) 파생 데이터 + 수기 입력** 결합이며, CCTV/센서/IoT 실시간은 킨텍스 시설 인프라 의존(후속).
|
||||||
- **레이아웃 (위→아래)**:
|
- **레이아웃 (위→아래)**:
|
||||||
1. 헤더: 타이틀 "홀 현장운영" + 부제 "실시간 시설 모니터링 및 자원 최적화" + 우측 [실시간] / [이력 조회] 토글
|
1. 헤더: 타이틀 "홀 현장운영" + 부제 "실시간 시설 모니터링 및 자원 최적화" + 우측 [실시간] / [이력 조회] 토글
|
||||||
2. **12컬럼 벤토 그리드 — 히어로: 혼잡도 맵(span 8, 높이 500)**: 홀 도면 위 혼잡 히트(홀별 셀 Hall1~5, 임계 홀은 error 하이라이트 "홀3(혼잡)"), 하단 범례(원활 녹 / 보통 주황 / 혼잡 빨강)와 총 추정 인원. 전시장1/전시장2 홀 그룹 셀렉트. **데이터 미연동 시 상단 배지 "센서 미연동 · 체크인(M10) 파생/샘플"**
|
2. **12컬럼 벤토 그리드 — 히어로: 혼잡도 맵(span 8, 높이 500)**: **홀 도면 배경 = DWG 렌더 평면도**(`/media/floorplans/dwg/hall{1~10}.png`, 홀 선택 시 해당 홀 도면 표출 — v2.7 세션 6, 추상 격자 대신 실제 CAD 렌더 평면도 위에 혼잡 히트 오버레이) + 혼잡 히트(홀별 셀 Hall1~10, 임계 홀은 error 하이라이트 "홀3(혼잡)"), 하단 범례(원활 녹 / 보통 주황 / 혼잡 빨강)와 총 추정 인원. 전시장1/전시장2 홀 그룹 셀렉트. **데이터 미연동 시 상단 배지 "센서 미연동 · 체크인(M10) 파생/샘플"**
|
||||||
|
- **홀 카드·상세 평면도 표출(v2.7 — 세션 6 소유자 확정)**: 홀 목록 카드 및 홀 상세는 **DWG 렌더 평면도 썸네일/뷰어(hall1~10.png)** 를 표출한다(홀별 도면 시각 확인). 미보유 홀은 JPG 폴백 또는 "도면 준비중" 플레이스홀더. 도면 클릭 시 확대 팝업(SCR-03 `.kx-floorplan-lightbox` 재사용).
|
||||||
3. 우측(span 4) — **에너지·환경**: HVAC 최적화 카드(평균 온도 22.5°C, 전력 부하 4.2MW, 상태 배지 "최적"), 조명존 카드(전시홀 85% / 공용부 100%, 자동 디밍 토글) — 게이지·진행 바
|
3. 우측(span 4) — **에너지·환경**: HVAC 최적화 카드(평균 온도 22.5°C, 전력 부하 4.2MW, 상태 배지 "최적"), 조명존 카드(전시홀 85% / 공용부 100%, 자동 디밍 토글) — 게이지·진행 바
|
||||||
4. 하단(span 12) — **주차 점유**: 4개 존 카드(존A 지하 98% error / 존B 옥외남측 75% warning / 존C 옥외북측 42% success / 하역장 20%), 각 카드 하단 점유율 바 + "N / 총면수" — iparking 연계 표기
|
4. 하단(span 12) — **주차 점유**: 4개 존 카드(존A 지하 98% error / 존B 옥외남측 75% warning / 존C 옥외북측 42% success / 하역장 20%), 각 카드 하단 점유율 바 + "N / 총면수" — iparking 연계 표기
|
||||||
- **핵심 컴포넌트/상태**: 히트맵(도면 오버레이·범례) · 게이지/진행 바(Recharts `RadialBar` 또는 progress) · 존 점유 카드(임계 상태색 §1-4) · 이상 시 알림 배지. 로딩 — 위젯 스켈레톤 · 빈 상태 — "진행 중인 행사가 없습니다 — 운영 데이터는 개장 시 활성화됩니다" · 에러 — 위젯별 "데이터 원본 연결 안 됨" 안내.
|
- **핵심 컴포넌트/상태**: 히트맵(도면 오버레이·범례) · 게이지/진행 바(Recharts `RadialBar` 또는 progress) · 존 점유 카드(임계 상태색 §1-4) · 이상 시 알림 배지. 로딩 — 위젯 스켈레톤 · 빈 상태 — "진행 중인 행사가 없습니다 — 운영 데이터는 개장 시 활성화됩니다" · 에러 — 위젯별 "데이터 원본 연결 안 됨" 안내.
|
||||||
@ -762,7 +779,7 @@ An enterprise Business Intelligence analytics dashboard for a venue operator, pa
|
|||||||
- **Stitch 프롬프트**:
|
- **Stitch 프롬프트**:
|
||||||
|
|
||||||
```
|
```
|
||||||
A real-time hall operations dashboard for a KINTEX exhibition-center facility manager, Korean B2B internal tool, desktop 1440px, light theme, blue #0066B3, Korean sans-serif. All UI text in Korean. Left sidebar 240px (홀 운영 highlighted). Header: title "홀 현장운영" with subtitle "실시간 시설 모니터링 및 자원 최적화" and a segmented toggle "[실시간] / [이력 조회]". A 12-column bento grid. Hero card (span 8, tall ~500px): "실시간 혼잡도 히트맵" — a top-down hall layout with a 5-cell grid labeled Hall 1–5, soft colored heat blobs (green/orange/red) blurred over it, Hall 3 highlighted red with label "홀3 (혼잡)", a hall-group select "홀 1-5 (제1전시장) ▾", a small top-left badge "센서 미연동 · 체크인 파생/샘플", and a bottom legend "원활 / 보통 / 혼잡" plus "총 추정 인원 14,250". Right column (span 4): a "HVAC 최적화" card showing "22.5°C 평균온도", a progress bar, "전력 부하 4.2MW", and a green status pill "최적"; below it a "조명 존" card with rows "전시홀 85%", "공용부 100%" with bars and an "자동 디밍" toggle switch. Bottom (span 12): "주차 점유 현황" with 4 zone cards — "존A(지하) 98%" red, "존B(옥외남) 75%" amber, "존C(옥외북) 42%" green, "하역장 20%", each with an occupancy bar and "1,176 / 1,200" style counts. Dense real-time operations monitoring aesthetic.
|
A real-time hall operations dashboard for a KINTEX exhibition-center facility manager, Korean B2B internal tool, desktop 1440px, light theme, blue #0066B3, Korean sans-serif. All UI text in Korean. Left sidebar 240px (홀 운영 highlighted). Header: title "홀 현장운영" with subtitle "실시간 시설 모니터링 및 자원 최적화" and a segmented toggle "[실시간] / [이력 조회]". A 12-column bento grid. Hero card (span 8, tall ~500px): "실시간 혼잡도 히트맵" — a DWG-rendered CAD floor plan of the selected hall (crisp architectural line drawing) as the background, with soft colored heat blobs (green/orange/red) blurred over it, Hall 3 highlighted red with label "홀3 (혼잡)", a hall-group select "홀 1-10 (제1·제2전시장) ▾", a small top-left badge "센서 미연동 · 체크인 파생/샘플", and a bottom legend "원활 / 보통 / 혼잡" plus "총 추정 인원 14,250". Below or beside it, hall cards each show a small DWG-rendered floor-plan thumbnail. Right column (span 4): a "HVAC 최적화" card showing "22.5°C 평균온도", a progress bar, "전력 부하 4.2MW", and a green status pill "최적"; below it a "조명 존" card with rows "전시홀 85%", "공용부 100%" with bars and an "자동 디밍" toggle switch. Bottom (span 12): "주차 점유 현황" with 4 zone cards — "존A(지하) 98%" red, "존B(옥외남) 75%" amber, "존C(옥외북) 42%" green, "하역장 20%", each with an occupancy bar and "1,176 / 1,200" style counts. Dense real-time operations monitoring aesthetic.
|
||||||
```
|
```
|
||||||
|
|
||||||
- **라우트**: `/ops/operations` (테넌트·운영 전역, 홀매니저) · 행사 진행 중 스코프 `/events/:eventId/operations`. MDI 적용(홀매니저 — §2.7-6).
|
- **라우트**: `/ops/operations` (테넌트·운영 전역, 홀매니저) · 행사 진행 중 스코프 `/events/:eventId/operations`. MDI 적용(홀매니저 — §2.7-6).
|
||||||
@ -778,12 +795,13 @@ A real-time hall operations dashboard for a KINTEX exhibition-center facility ma
|
|||||||
2. 필터/컨트롤 바: 홀 셀렉트(전체 홀 1-10 / 홀별) · 카테고리(전시/문화·예술/무역·산업/기술) · 상태(예정/진행중/종료) + 우측 [목록] / [캘린더] 뷰 토글
|
2. 필터/컨트롤 바: 홀 셀렉트(전체 홀 1-10 / 홀별) · 카테고리(전시/문화·예술/무역·산업/기술) · 상태(예정/진행중/종료) + 우측 [목록] / [캘린더] 뷰 토글
|
||||||
3. **좌측 2/3 — 행사 리스트**: 행사 카드(포스터 썸네일, 행사명, 상태 배지 §1-4 "진행중/예정/종료", 카테고리, 기간, 배정 홀, 추정 인원, [상세 편집]·[반입/물류 보기] 버튼)
|
3. **좌측 2/3 — 행사 리스트**: 행사 카드(포스터 썸네일, 행사명, 상태 배지 §1-4 "진행중/예정/종료", 카테고리, 기간, 배정 홀, 추정 인원, [상세 편집]·[반입/물류 보기] 버튼)
|
||||||
4. 우측 1/3 — **미니 캘린더**(월 이동, 오늘·행사일 하이라이트) + **홀 가동률 요약**(홀1-3 85% · 홀4-5 40% 진행 바)
|
4. 우측 1/3 — **미니 캘린더**(월 이동, 오늘·행사일 하이라이트) + **홀 가동률 요약**(홀1-3 85% · 홀4-5 40% 진행 바)
|
||||||
- **핵심 컴포넌트/상태**: 행사 카드 리스트·미니 캘린더(월 그리드)·가동률 진행 바·StatusBadge 재사용·DdayChip(개장 임박). 로딩 — 카드 스켈레톤 · 빈 상태 — "등록된 행사가 없습니다 — 새 행사를 생성하세요" CTA · 에러 — 리스트 로드 실패 배너.
|
- **레이아웃 규격 확정(v2.7 — 세션 6 소유자 확정, "오른쪽 달력 깨짐·짤림" 해소)**: 본문 2단 스플릿은 **좌 목록 `minmax(0,1fr)` + 우측 미니 캘린더 사이드바 `minmax(280px, 340px)`** 트랙으로 고정한다 — 우측 사이드바가 280px 미만으로 찌그러지거나 340px를 넘겨 캘린더 격자가 깨지지 않게 한다. 미니 캘린더는 이 폭 안에서 7열 격자가 균등 분할(셀 정사각 근사)되고, 좁은 뷰포트(태블릿 이하)에서는 사이드바가 하단으로 접혀 전폭 배치. 좌측 목록 트랙은 `min-width:0`(G5)로 블로우아웃 방지.
|
||||||
|
- **핵심 컴포넌트/상태**: 행사 카드 리스트·미니 캘린더(월 그리드)·가동률 진행 바·StatusBadge 재사용·DdayChip(개장 임박). 행사 리스트 그리드에 §1-4A G3 PDF 출력 버튼. 로딩 — 카드 스켈레톤 · 빈 상태 — "등록된 행사가 없습니다 — 새 행사를 생성하세요" CTA · 에러 — 리스트 로드 실패 배너.
|
||||||
- **데이터 원천 (실/샘플 경계면)**: **부분 실 API + 부분 샘플.** 행사(Event) 목록·기간·배정 홀은 **실 API 가능**(Event 엔티티 존재). 반면 **홀 가동률 집계·외부 행사일정 시스템 연동은 미구현 → 샘플**. 캘린더 점유 매트릭스는 배정(M1) 데이터 정합 후 실 전환.
|
- **데이터 원천 (실/샘플 경계면)**: **부분 실 API + 부분 샘플.** 행사(Event) 목록·기간·배정 홀은 **실 API 가능**(Event 엔티티 존재). 반면 **홀 가동률 집계·외부 행사일정 시스템 연동은 미구현 → 샘플**. 캘린더 점유 매트릭스는 배정(M1) 데이터 정합 후 실 전환.
|
||||||
- **Stitch 프롬프트**:
|
- **Stitch 프롬프트**:
|
||||||
|
|
||||||
```
|
```
|
||||||
An exhibition schedule management screen for a venue operator, Korean B2B web app "KINTEX AI 전시관리", desktop 1440px, light theme, blue #0066B3, Korean sans-serif. All UI text in Korean. Left sidebar 240px (전시 일정 highlighted). Header: title "전시 일정" with subtitle "킨텍스 전 홀 행사 일정 관리·모니터링". A filter bar: three selects "전체 홀 (1-10) ▾", "전체 카테고리 ▾", "전체 상태 ▾", and on the right a view toggle "[목록] / [캘린더]". Main grid: left 2/3 a vertical list of event cards, each card with a poster thumbnail on the left and details on the right — event title "스마트팩토리 코리아", a status pill ("진행중" green or "예정" amber), category "무역·산업 전시", a row of meta with icons "2026.09.05–09.08", "홀 4, 5", "추정 25,000명", and two small buttons "상세 편집" and "반입/물류 보기". Right 1/3 column: a mini month calendar "2026년 8월" with prev/next chevrons and a highlighted date "15", and below it a "홀 가동률 (8월)" card with progress bars "홀 1-3 85%" and "홀 4-5 40%". Clean scheduling/console aesthetic, dense but organized.
|
An exhibition schedule management screen for a venue operator, Korean B2B web app "KINTEX AI 전시관리", desktop 1440px, light theme, blue #0066B3, Korean sans-serif. All UI text in Korean. Left sidebar 240px (전시 일정 highlighted). Header: title "전시 일정" with subtitle "킨텍스 전 홀 행사 일정 관리·모니터링". A filter bar: three selects "전체 홀 (1-10) ▾", "전체 카테고리 ▾", "전체 상태 ▾", and on the right a view toggle "[목록] / [캘린더]". Main grid: left 2/3 a vertical list of event cards, each card with a poster thumbnail on the left and details on the right — event title "스마트팩토리 코리아", a status pill ("진행중" green or "예정" amber), category "무역·산업 전시", a row of meta with icons "2026.09.05–09.08", "홀 4, 5", "추정 25,000명", and two small buttons "상세 편집" and "반입/물류 보기". Right 1/3 column is a fixed sidebar between 280px and 340px wide (never squeezed narrower or stretched wider): a mini month calendar "2026년 8월" with prev/next chevrons and a highlighted date "15" whose 7-column grid divides evenly into near-square cells, and below it a "홀 가동률 (8월)" card with progress bars "홀 1-3 85%" and "홀 4-5 40%". The left list column must not blow out (min-width 0, text ellipsis). Clean scheduling/console aesthetic, dense but organized.
|
||||||
```
|
```
|
||||||
|
|
||||||
- **라우트**: `/schedule` (테넌트 전역, 운영·주최자) · 캘린더 딥링크 `/schedule/calendar`. MDI 적용(주최자·운영 — §2.7-6).
|
- **라우트**: `/schedule` (테넌트 전역, 운영·주최자) · 캘린더 딥링크 `/schedule/calendar`. MDI 적용(주최자·운영 — §2.7-6).
|
||||||
@ -1326,9 +1344,10 @@ A password reset screen for "KINTEX AI 전시관리", Korean B2B web app, deskto
|
|||||||
|
|
||||||
- **대상**: 관리자·홀매니저·주최자·업체(필수)·관람객(선택) · **P1** · **진입 경로**: 최초 로그인 강제 / 마이페이지 보안 탭
|
- **대상**: 관리자·홀매니저·주최자·업체(필수)·관람객(선택) · **P1** · **진입 경로**: 최초 로그인 강제 / 마이페이지 보안 탭
|
||||||
- **레이아웃**: QR(authenticator 등록)·시크릿 키·6자리 코드 검증. 재설정·해제(관리자는 사용자 OTP 초기화). TOTP RFC6238 설명. 상태: 코드 불일치·성공. 참조: UIWS `auth/OtpSetupPage`.
|
- **레이아웃**: QR(authenticator 등록)·시크릿 키·6자리 코드 검증. 재설정·해제(관리자는 사용자 OTP 초기화). TOTP RFC6238 설명. 상태: 코드 불일치·성공. 참조: UIWS `auth/OtpSetupPage`.
|
||||||
|
- **브랜드 아이콘 확정(v2.7 — 세션 6 소유자 확정)**: 카드 상단 **로고는 방패(shield) 아이콘이 아니라 KINTEX 워드마크 로고**를 사용한다 — 크기 **32px**(구현 정본 `.kx-otp__logo`, `OtpSetupPage`·`OtpChallengePanel` 공통). 방패/자물쇠형 보안 아이콘으로 대체 금지. 로고 아래 화면 제목("2차 인증(OTP) 등록")은 §1-4A G2에 따라 선 SVG 아이콘 + 텍스트.
|
||||||
- **Stitch 프롬프트**:
|
- **Stitch 프롬프트**:
|
||||||
```
|
```
|
||||||
A two-factor authentication (OTP) setup screen for "KINTEX AI 전시관리", Korean B2B web app, desktop 1440px, light theme, blue #0066B3, on #F9FAFB. All UI text in Korean. Center card titled "2차 인증(OTP) 등록": step 1 "인증 앱으로 QR을 스캔하세요" with a QR code image and a secret key text with copy button, step 2 "6자리 코드 입력" with a 6-digit OTP input, and a primary "등록 완료" button; a helper "Google Authenticator 등 TOTP 앱 지원". Security-focused, calm aesthetic.
|
A two-factor authentication (OTP) setup screen for "KINTEX AI 전시관리", Korean B2B web app, desktop 1440px, light theme, blue #0066B3, on #F9FAFB. All UI text in Korean. Center card: at the TOP a KINTEX WORDMARK logo (about 32px tall, blue #0066B3) — NOT a shield or padlock security icon. Card titled "2차 인증(OTP) 등록": step 1 "인증 앱으로 QR을 스캔하세요" with a QR code image and a secret key text with copy button, step 2 "6자리 코드 입력" with a 6-digit OTP input, and a primary "등록 완료" button; a helper "Google Authenticator 등 TOTP 앱 지원". Use thin line (stroke) SVG icons only, no emoji. Security-focused, calm aesthetic.
|
||||||
```
|
```
|
||||||
|
|
||||||
- **라우트**: `/otp-setup`. MDI 비적용(로그인 게이트).
|
- **라우트**: `/otp-setup`. MDI 비적용(로그인 게이트).
|
||||||
@ -1604,14 +1623,22 @@ Directly below, three large branching track cards in one row that lift on hover
|
|||||||
### 3C-0. 공개 셸(PublicShell) + 3-트랙 스위처 (전 SCR-T*·SCR-P* 공통 크롬)
|
### 3C-0. 공개 셸(PublicShell) + 3-트랙 스위처 (전 SCR-T*·SCR-P* 공통 크롬)
|
||||||
|
|
||||||
- **재사용 전제**: SCR-P*가 쓰는 **PublicShell**(전통 페이지 헤더 GNB·푸터·SSR/CDN·MDI 비적용)을 그대로 재사용하되, **상단에 3-트랙 전환 탭(TrackSwitcher)을 추가**한다. 관문(SCR-T0)은 트랙 미선택 상태, 서브홈(T1~T3)은 해당 트랙 탭 활성.
|
- **재사용 전제**: SCR-P*가 쓰는 **PublicShell**(전통 페이지 헤더 GNB·푸터·SSR/CDN·MDI 비적용)을 그대로 재사용하되, **상단에 3-트랙 전환 탭(TrackSwitcher)을 추가**한다. 관문(SCR-T0)은 트랙 미선택 상태, 서브홈(T1~T3)은 해당 트랙 탭 활성.
|
||||||
- **TrackSwitcher 사양**(헤더 최상단 유틸 행 또는 GNB 좌측): 세그먼트 3탭 `관람 · 비즈니스 · 협력사`(라벨=`track.shell.tab.visitor|business|agency`), 각 탭 클릭 시 `/visitor`·`/business`·`/agency` 이동. 좌측에 **KINTEX AI 전시·행사시스템** 워드마크(클릭 시 `/` 관문 복귀). 우측 유틸: 언어 전환(한/영/중/일 `track.shell.lang.*`)·`로그인`(→ SCR-01)·인증 세션 시 `내 홈`(→ `/home`).
|
- **루트 디폴트 변경(v2.7 — 세션 6 소유자 확정 P1)**: **공개 루트 `/`는 `/visitor`로 리다이렉트(디폴트)** 한다 — kintex.wise.ai.kr 접속 시 관람객 메인(SCR-T1)이 첫 화면. ★기존 "루트 `/` = 제품 소개 관문(SCR-T0)" 원칙을 **대체**한다(메모리 [[product-identity-first]] 공개 루트 한정 갱신). SCR-T0 관문 랜딩은 라우트로 보존하되 루트 진입점에서 내리고, 제품 소개는 TrackSwitcher·푸터·about 링크로 접근. 인증 세션 시 `/home` 우선 리다이렉트는 유지.
|
||||||
|
- **셸 로고 확정(v2.7 — P2)**: TrackSwitcher 좌측 로고는 **킨텍스 CI 이미지 `ci/CI_JPG/CI_01.jpg`** 를 사용한다(워드마크 텍스트 대체 — `/visitor`·`/business`·`/agency` 전 트랙 공통, 클릭 시 `/`→`/visitor` 복귀). 배경 대비 확보(밝은 헤더 위 원본, 어두운 헤더는 화이트 변형 필요 시 CSS 필터/대체 자산). `alt="KINTEX"`.
|
||||||
|
- **로고 옆 행사검색(v2.7 — P4)**: 로고 **바로 우측에 행사검색 입력창**을 배치 — 입력폭 **10자(`width: 10ch` 기준, 최소 폭)**, placeholder "행사 검색", 선 SVG 돋보기 아이콘, Enter/버튼 시 행사 검색 결과(공개 행사 목록 필터)로 이동. 좁은 뷰포트에서는 아이콘 버튼으로 축약(탭 시 확장). `role="search"`.
|
||||||
|
- **공개 정보 페이지 4종(v2.7 — P3)**: GNB는 **행사 · 참가안내 · 관람안내 · 교통** 4개 공개 정보 페이지를 **실동작 링크**로 노출한다(기존 "안됨" 해소) — ①**행사**=공개 행사 목록/캘린더(SCR-P1 그리드·`/api/public/events`) ②**참가안내**=비즈니스 트랙 참가 안내(SCR-T2·SCR-P6) ③**관람안내**=관람객 방문 가이드(SCR-T1 방문 가이드 허브·`visitor_guide`) ④**교통**=오시는 길(GTX-A 킨텍스역·주차, `transport_info`/`parking_info`). 각 항목은 트랙 서브홈/기존 SCR로 딥링크(신규 화면 없이 재사용), 언어(한/영/중/일) 병기.
|
||||||
|
- **TrackSwitcher 사양**(헤더 최상단 유틸 행 또는 GNB 좌측): 세그먼트 3탭 `관람 · 비즈니스 · 협력사`(라벨=`track.shell.tab.visitor|business|agency`), 각 탭 클릭 시 `/visitor`·`/business`·`/agency` 이동. 좌측에 **CI 로고(CI_01.jpg)** + **행사검색 입력(10ch)**(위 P2·P4). 우측 유틸: 언어 전환(한/영/중/일 `track.shell.lang.*`)·`로그인`(→ SCR-01)·인증 세션 시 `내 홈`(→ `/home`). **유색 배경 버튼 글자는 §1-4A G6 `--color-on-accent`(흰색) 전역 준수**(P5).
|
||||||
|
- **트랙 히어로 5장 로테이션(v2.7 — 세션 6 소유자 확정 P7 · SCR-T1·T2·T3 공통)**: 3개 트랙 페이지(관람/비즈니스/협력사)의 **히어로 배경은 각 5장 이미지 로테이션(슬라이드쇼)** 으로 한다.
|
||||||
|
- **이미지 = 신규 크롤 실이미지**(kintex.com 등 실자산 크롤 — 나노바나나 AI 생성 배경이 아닌 실사진, 세션 6 지시). 빌드 내장 `/media/hero/<track>/hero-<track>-01~05.jpg`(+`.webp`·`@2x`, `.jpg` 폴백). **트랙별 이미지 셋 차별화** — 관람=관람객·전시장 전경·행사 현장, 비즈니스=부스·상담·계약/시공, 협력사=시공 현장·장비·안전 톤(셋이 서로 구분되게).
|
||||||
|
- **로테이션 규격**: 5초 간격 자동 전환(크로스페이드), **하단 도트 인디케이터**(5개, 현재 활성 강조·클릭 이동), hover/포커스 시 일시정지. **`prefers-reduced-motion` 시 자동 로테이션 정지**(첫 장 고정·도트로 수동 전환만). **CLS 0**(고정 종횡비 프레임·이미지 크기 예약·레이아웃 시프트 0), 첫 장 preload·나머지 lazy. AI 생성 이미지가 아니므로 "AI 생성 예상 이미지" 워터마크 미부착(실사진). 접근성: `role="group"`·`aria-roledescription="carousel"`·도트 `aria-label`.
|
||||||
- **활성 표시**: 활성 트랙은 `primary-600` 밑줄+굵게, 색 외 `aria-current="page"` 병기(색만으로 전달 금지). 모바일(390px)은 탭을 상단 가로 세그먼트로 유지(스크롤 없이 3탭 균등폭).
|
- **활성 표시**: 활성 트랙은 `primary-600` 밑줄+굵게, 색 외 `aria-current="page"` 병기(색만으로 전달 금지). 모바일(390px)은 탭을 상단 가로 세그먼트로 유지(스크롤 없이 3탭 균등폭).
|
||||||
- **테넌트 정합(§1A-3)**: 셸은 서브도메인 테넌트 컨텍스트 하에서 해당 테넌트 콘텐츠만 노출(워드마크·브랜딩 분기). 트랙 셸은 `tenant_id` 격리 위에서 동작.
|
- **테넌트 정합(§1A-3)**: 셸은 서브도메인 테넌트 컨텍스트 하에서 해당 테넌트 콘텐츠만 노출(워드마크·브랜딩 분기). 트랙 셸은 `tenant_id` 격리 위에서 동작.
|
||||||
- **접근성**: TrackSwitcher는 `role="tablist"`(수평)·로빙 탭인덱스·포커스 링 `primary-600` 2px. 푸터 `role="contentinfo"`. **i18n 네임스페이스 `track.shell.*`**.
|
- **접근성**: TrackSwitcher는 `role="tablist"`(수평)·로빙 탭인덱스·포커스 링 `primary-600` 2px. 푸터 `role="contentinfo"`. **i18n 네임스페이스 `track.shell.*`**.
|
||||||
|
|
||||||
### SCR-T0 트랙 관문 랜딩 (3-트랙 분기 관문) [공통 · 공개 · 루트 `/`]
|
### SCR-T0 트랙 관문 랜딩 (3-트랙 분기 관문) [공통 · 공개 · 라우트 `/gateway`]
|
||||||
|
|
||||||
- **대상**: 일반 대중·대외 유입 전원(미인증) · **모듈/P**: 공통 대외 접점(M12 일부 재사용) · P1 · **진입 경로**: 루트 도메인 `/` 직접 진입·검색·광고·QR. 인증 세션 시 `/home` 우선 리다이렉트(위 SCR-HOME 관계 참조)
|
- **루트 디폴트 변경(v2.7 — 세션 6 소유자 확정 P1)**: **공개 루트 `/`는 이제 `/visitor`(SCR-T1)로 리다이렉트**한다(관람객 메인이 첫 화면). SCR-T0 관문은 라우트로 **보존하되 루트 진입점에서 내림**(직접/`/gateway` 접근·about 링크·TrackSwitcher로 도달). 이하 스펙(제품 히어로·3-트랙 카드)은 유지.
|
||||||
|
- **대상**: 일반 대중·대외 유입 전원(미인증) · **모듈/P**: 공통 대외 접점(M12 일부 재사용) · P1 · **진입 경로**: 관문 라우트 직접 진입·about 링크. **루트 `/` 진입은 `/visitor`로 리다이렉트**(위 변경). 인증 세션 시 `/home` 우선 리다이렉트(위 SCR-HOME 관계 참조)
|
||||||
- **레이아웃**(위→아래, PublicShell·풀블리드 마케팅 밀도):
|
- **레이아웃**(위→아래, PublicShell·풀블리드 마케팅 밀도):
|
||||||
1. **PublicShell 헤더 + TrackSwitcher**(관문=트랙 미선택, 워드마크·언어·로그인)
|
1. **PublicShell 헤더 + TrackSwitcher**(관문=트랙 미선택, 워드마크·언어·로그인)
|
||||||
2. **제품 히어로**: 풀폭 히어로 — 나노바나나 전시 전경 이미지(워터마크 "AI 생성 예상 이미지") 배경 + 대형 헤드라인 "**KINTEX AI 전시·행사시스템**" + 서브카피(전시 기획→시공→관람 전 과정 AI 자동화) + 보조 CTA "관람 사전등록"·"참가 문의". **관람객 시각 1순위**(코엑스 VISITOR 메인 톤)
|
2. **제품 히어로**: 풀폭 히어로 — 나노바나나 전시 전경 이미지(워터마크 "AI 생성 예상 이미지") 배경 + 대형 헤드라인 "**KINTEX AI 전시·행사시스템**" + 서브카피(전시 기획→시공→관람 전 과정 AI 자동화) + 보조 CTA "관람 사전등록"·"참가 문의". **관람객 시각 1순위**(코엑스 VISITOR 메인 톤)
|
||||||
@ -1636,7 +1663,7 @@ A public landing "track gateway" home page for the product "KINTEX AI 전시·
|
|||||||
- **레이아웃**(위→아래, PublicShell·풀블리드 마케팅 밀도·반응형 풀스크린):
|
- **레이아웃**(위→아래, PublicShell·풀블리드 마케팅 밀도·반응형 풀스크린):
|
||||||
1. **PublicShell 헤더 + TrackSwitcher**("관람" 활성·`aria-current`) + 우측 유틸(언어 한/영/중/일·**라이트/다크 테마 토글**·`로그인`·인증 시 `내 홈`)
|
1. **PublicShell 헤더 + TrackSwitcher**("관람" 활성·`aria-current`) + 우측 유틸(언어 한/영/중/일·**라이트/다크 테마 토글**·`로그인`·인증 시 `내 홈`)
|
||||||
2. **풀블리드 히어로 + AI 관람 도우미(중심 요소)**:
|
2. **풀블리드 히어로 + AI 관람 도우미(중심 요소)**:
|
||||||
- 배경 = 대형 전시장 전경 비주얼(나노바나나 AI 생성, 워터마크 "AI 생성 예상 이미지" 상시·텍스트 대비용 딤 오버레이). 헤드라인 "**무엇이든 물어보세요 — AI가 관람을 안내합니다**"(H1/Display) + 서브카피 "전시 일정·오시는 길·입장권·부스 위치를 대화로 한 번에".
|
- 배경 = **크롤 실이미지 5장 로테이션**(§3C-0 "트랙 히어로 5장 로테이션" P7 — 관람 트랙 셋 `/media/hero/visitor/*`, 도트 인디케이터·5초 자동전환·`prefers-reduced-motion` 정지·CLS 0). 실사진이므로 AI 워터마크 미부착. 텍스트 대비용 딤 오버레이 유지. **v2.7 변경**: 기존 "나노바나나 AI 생성 배경"을 크롤 실이미지 로테이션으로 대체(나노바나나 시공 예상 이미지는 AI 능력 쇼케이스 타일에서만 홍보). 헤드라인 "**무엇이든 물어보세요 — AI가 관람을 안내합니다**"(H1/Display) + 서브카피 "전시 일정·오시는 길·입장권·부스 위치를 대화로 한 번에".
|
||||||
- **AI 관람 도우미 대화 입력창(히어로 정중앙·대형)**: 폭 넓은 자연어 질문 인풋(placeholder 로테이션 "이번 주말 로봇 전시 있어?" → "킨텍스 주차 어디에 해요?" → "가족과 볼만한 전시 추천") + 우측 전송 버튼(선 SVG send 아이콘) + 좌측 AiLabel(보라 `ai-accent` "AI 도우미"). 인풋 하단 **예시 질문칩(자주 묻는 것)** 5개: `이번 주말 로봇 전시 있어?` · `킨텍스 주차 어디에 해요?` · `가족과 볼만한 전시 추천` · `사전등록 어떻게 해요?` · `GTX-A로 얼마나 걸려요?`(칩 클릭=즉시 질의).
|
- **AI 관람 도우미 대화 입력창(히어로 정중앙·대형)**: 폭 넓은 자연어 질문 인풋(placeholder 로테이션 "이번 주말 로봇 전시 있어?" → "킨텍스 주차 어디에 해요?" → "가족과 볼만한 전시 추천") + 우측 전송 버튼(선 SVG send 아이콘) + 좌측 AiLabel(보라 `ai-accent` "AI 도우미"). 인풋 하단 **예시 질문칩(자주 묻는 것)** 5개: `이번 주말 로봇 전시 있어?` · `킨텍스 주차 어디에 해요?` · `가족과 볼만한 전시 추천` · `사전등록 어떻게 해요?` · `GTX-A로 얼마나 걸려요?`(칩 클릭=즉시 질의).
|
||||||
- **AI 답변 패널(질의 시 인풋 아래 확장·대화형)**: 답변 텍스트 + **구조화 결과 카드**(매칭 전시=포스터·행사명·기간·홀·D-day·"사전등록"/교통=경로·소요시간·주차 카드/입장=사전등록·입장권 CTA/부스·wayfinding 딥링크) + **후속 질문칩**("무료인가요?"·"길찾기 열기"·"티켓 예매") + 하단 고지문 "AI 생성 답변 — 정확한 정보는 공식 안내를 확인하세요"(제거 불가) + 근거 출처 링크. AI 산출물은 §1-4 AiLabel(보라)로 구분.
|
- **AI 답변 패널(질의 시 인풋 아래 확장·대화형)**: 답변 텍스트 + **구조화 결과 카드**(매칭 전시=포스터·행사명·기간·홀·D-day·"사전등록"/교통=경로·소요시간·주차 카드/입장=사전등록·입장권 CTA/부스·wayfinding 딥링크) + **후속 질문칩**("무료인가요?"·"길찾기 열기"·"티켓 예매") + 하단 고지문 "AI 생성 답변 — 정확한 정보는 공식 안내를 확인하세요"(제거 불가) + 근거 출처 링크. AI 산출물은 §1-4 AiLabel(보라)로 구분.
|
||||||
- 보조 CTA(인풋 하단·항상 노출): "사전등록"·"입장권 예매"(→ SCR-P4·P7).
|
- 보조 CTA(인풋 하단·항상 노출): "사전등록"·"입장권 예매"(→ SCR-P4·P7).
|
||||||
@ -1684,7 +1711,7 @@ All exhibition, transport, parking, entry and amenity data shown here is served
|
|||||||
- **대상**: 전시주최자·참가업체(미인증 대외) · **모듈/P**: M1(대관·자동견적)·M3/M4(부스 신청·유틸리티)·M6(서류) 안내 · P1 · **진입 경로**: 관문 SCR-T0 "비즈니스 트랙" · TrackSwitcher "비즈니스" · 직접 `/business`
|
- **대상**: 전시주최자·참가업체(미인증 대외) · **모듈/P**: M1(대관·자동견적)·M3/M4(부스 신청·유틸리티)·M6(서류) 안내 · P1 · **진입 경로**: 관문 SCR-T0 "비즈니스 트랙" · TrackSwitcher "비즈니스" · 직접 `/business`
|
||||||
- **레이아웃**(위→아래, PublicShell·SCR-P6 확장·코엑스 BUSINESS+CYBER 차용):
|
- **레이아웃**(위→아래, PublicShell·SCR-P6 확장·코엑스 BUSINESS+CYBER 차용):
|
||||||
1. **PublicShell 헤더 + TrackSwitcher**("비즈니스" 활성)
|
1. **PublicShell 헤더 + TrackSwitcher**("비즈니스" 활성)
|
||||||
2. **비즈니스 히어로**: B2B 실무 톤 헤드라인 "전시 개최·참가, 온라인 신청 일원화" + "로그인"·"신청/문의" CTA
|
2. **비즈니스 히어로**: B2B 실무 톤 헤드라인 "전시 개최·참가, 온라인 신청 일원화" + "로그인"·"신청/문의" CTA. **배경 = 크롤 실이미지 5장 로테이션**(§3C-0 P7 — 비즈니스 트랙 셋 `/media/hero/business/*`: 부스·상담·계약/시공 톤, 도트 인디케이터·`prefers-reduced-motion` 정지·CLS 0, v2.7)
|
||||||
3. **2-분기 가치 제안 카드**(2열 대형): ① **주최자** — 홀 임대 절차(문의→가견적→계약→배정) + "자동견적(M1)"·"홀 배정·플로어플랜(M2)" 안내 + 요금/시설 규격 개요 + CTA "대관 문의·로그인" ② **참가업체** — 부스 신청·서류·시공 시안(부스 유형·유틸리티 신청 M4·규정 사전검증·나노바나나 시공 시안 M5) + CTA "참가 신청·로그인". **온라인 신청 일원화 강조**(코엑스 CYBER 차용 — "모든 신청·결제를 온라인에서")
|
3. **2-분기 가치 제안 카드**(2열 대형): ① **주최자** — 홀 임대 절차(문의→가견적→계약→배정) + "자동견적(M1)"·"홀 배정·플로어플랜(M2)" 안내 + 요금/시설 규격 개요 + CTA "대관 문의·로그인" ② **참가업체** — 부스 신청·서류·시공 시안(부스 유형·유틸리티 신청 M4·규정 사전검증·나노바나나 시공 시안 M5) + CTA "참가 신청·로그인". **온라인 신청 일원화 강조**(코엑스 CYBER 차용 — "모든 신청·결제를 온라인에서")
|
||||||
4. **임대 절차 흐름 스텝**(코엑스 BUSINESS 임대절차): 가로 스텝 인디케이터 "문의 → 가견적 → 계약 → 홀 배정 → 부스 신청 → 시공·검수"(각 스텝 1줄 설명, 해당 모듈 배지)
|
4. **임대 절차 흐름 스텝**(코엑스 BUSINESS 임대절차): 가로 스텝 인디케이터 "문의 → 가견적 → 계약 → 홀 배정 → 부스 신청 → 시공·검수"(각 스텝 1줄 설명, 해당 모듈 배지)
|
||||||
5. **요금·서류 안내**: 부스 유형·요율 개요(SCR-P6 재사용) + 주요 서류(배정신청서·방염·구조계산서) 다운로드/안내
|
5. **요금·서류 안내**: 부스 유형·요율 개요(SCR-P6 재사용) + 주요 서류(배정신청서·방염·구조계산서) 다운로드/안내
|
||||||
@ -1704,7 +1731,7 @@ A public business sub-home / entry page for the product "KINTEX AI 전시·행
|
|||||||
- **대상**: 공사·장치·협력업체(미인증 대외)·등록업체 · **모듈/P**: M15(공사 옥션·역경매)·안전경영(작업신고)·등록업체 검증 · P1 · **진입 경로**: 관문 SCR-T0 "협력사 트랙" · TrackSwitcher "협력사" · 직접 `/agency`
|
- **대상**: 공사·장치·협력업체(미인증 대외)·등록업체 · **모듈/P**: M15(공사 옥션·역경매)·안전경영(작업신고)·등록업체 검증 · P1 · **진입 경로**: 관문 SCR-T0 "협력사 트랙" · TrackSwitcher "협력사" · 직접 `/agency`
|
||||||
- **레이아웃**(위→아래, PublicShell·코엑스 서비스협력업체+안전경영 차용·킨텍스 옥션 차별점 강조):
|
- **레이아웃**(위→아래, PublicShell·코엑스 서비스협력업체+안전경영 차용·킨텍스 옥션 차별점 강조):
|
||||||
1. **PublicShell 헤더 + TrackSwitcher**("협력사" 활성)
|
1. **PublicShell 헤더 + TrackSwitcher**("협력사" 활성)
|
||||||
2. **에이전시 히어로**: "킨텍스 공식 등록업체로 전시 시공에 참여하세요" + "등록 안내"·"등록업체 로그인" CTA. **킨텍스 차별점(옥션) 강조** 서브카피
|
2. **에이전시 히어로**: "킨텍스 공식 등록업체로 전시 시공에 참여하세요" + "등록 안내"·"등록업체 로그인" CTA. **킨텍스 차별점(옥션) 강조** 서브카피. **배경 = 크롤 실이미지 5장 로테이션**(§3C-0 P7 — 협력사 트랙 셋 `/media/hero/agency/*`: 시공 현장·장비·안전 톤, 도트 인디케이터·`prefers-reduced-motion` 정지·CLS 0, v2.7)
|
||||||
3. **등록업체 안내 카드**: 등록업체 현황(739개사·14개 분류) + **미등록 업체 시공 엄금·자체시공 불가 필수 고지**(warning 톤 안내) + 등록 절차(신청→자격심사→등록→수주 자격) + CTA "등록 신청"
|
3. **등록업체 안내 카드**: 등록업체 현황(739개사·14개 분류) + **미등록 업체 시공 엄금·자체시공 불가 필수 고지**(warning 톤 안내) + 등록 절차(신청→자격심사→등록→수주 자격) + CTA "등록 신청"
|
||||||
4. **진행 중 공사 옥션 공고 리스트(M15 · 역경매)**: 카드/행 리스트 — 옥션명·대상 부스/행사·예산 범위·마감 D-day(DdayChip)·응찰 현황(참여 업체 수)·상태 배지. 각 행 "상세·응찰"(로그인 유도). **킨텍스 차별점(역경매 옥션) 히어로 다음으로 크게** 배치
|
4. **진행 중 공사 옥션 공고 리스트(M15 · 역경매)**: 카드/행 리스트 — 옥션명·대상 부스/행사·예산 범위·마감 D-day(DdayChip)·응찰 현황(참여 업체 수)·상태 배지. 각 행 "상세·응찰"(로그인 유도). **킨텍스 차별점(역경매 옥션) 히어로 다음으로 크게** 배치
|
||||||
5. **작업신고·규정 안내**(코엑스 안전경영 온라인작업신고): 현장 작업신고 절차·안전 규정(금지작업·소음·리깅 구조계산서)·필수 서류(방염·보험) 안내 카드 + "작업신고 하기"(로그인)
|
5. **작업신고·규정 안내**(코엑스 안전경영 온라인작업신고): 현장 작업신고 절차·안전 규정(금지작업·소음·리깅 구조계산서)·필수 서류(방염·보험) 안내 카드 + "작업신고 하기"(로그인)
|
||||||
@ -1940,6 +1967,7 @@ A mobile "my ticket wallet" screen for an exhibition visitor, 390px width, light
|
|||||||
|
|
||||||
| 버전 | 일자 | 작성자 | 내용 |
|
| 버전 | 일자 | 작성자 | 내용 |
|
||||||
|---|---|---|---|
|
|---|---|---|---|
|
||||||
|
| **v2.7** | 2026-07-23 | designer | **세션 6 시연 준비 소유자 확정 사항 반영(`docs/OWNER_FEEDBACK.md` 세션 6). 순증·정정만(신규 컬러 토큰 0·전면 재작성 없음·PLANNING/src 무수정).** ①**§1-4A 전역 컴포넌트 표준 신설(G1~G6)**: G1 Nifty 문자 그대로/Stitch 산출물 우선 이식(강피드백 — `DESIGN_SYSTEM_NIFTY.md`), G2 전 페이지·섹션 타이틀 앞 선 SVG 아이콘 의무(`icons.tsx`·이모지 금지), G3 모든 그리드 PDF 출력 버튼(JasperReports 범용 `grid-pdf`), G4 목록 위젯 10줄 프리뷰+"전체보기(N)", G5 목록/피드/타임라인 오버플로 `minmax(0,1fr)`, G6 유색 배경 버튼 글자 `--color-on-accent`(흰색) 전역. ②**SCR-51·SCR-01**: 2차 인증(OTP) 로고 = 방패 아이콘 → **KINTEX 워드마크 32px**(`.kx-otp__logo`, OtpSetup·OtpChallenge 공통), Stitch 프롬프트 갱신. ③**SCR-HOME**: 내 할 일·공지·최근 활동 목록 위젯을 10줄+전체보기(N)·`minmax(0,1fr)` 표준으로 갱신(6행/5건→10줄). ④**SCR-02**: 마일스톤 타임라인·알림 피드 오버플로 `minmax(0,1fr)`(진행단계 짤림·세로글자 해소), 참가업체 그리드 PDF 버튼, V68/V69 시드. ⑤**SCR-15**: 본문 스플릿 = 좌 `minmax(0,1fr)` + 우측 미니 캘린더 사이드바 **`minmax(280px,340px)`**(달력 깨짐·짤림 해소), Stitch 프롬프트 갱신. ⑥**공개 사이트(§3C-0·SCR-T0~T3)**: 루트 `/`→`/visitor` 디폴트 리다이렉트(기존 '루트=제품소개' 대체), 셸 로고 = `ci/CI_JPG/CI_01.jpg`, 로고 옆 행사검색 입력(10ch), 공개 정보 페이지 4종(행사·참가안내·관람안내·교통) 실링크, **트랙 3페이지 히어로 5장 로테이션**(신규 크롤 실이미지·트랙별 셋 차별화·도트 인디케이터·`prefers-reduced-motion` 정지·CLS 0). ⑦**SCR-03/04**: 도면 탭 디폴트=**DWG**, 부스 팔레트(표준 규격 선택/드래그), **평면도 확대 팝업(`.kx-floorplan-lightbox`)**, AI 자동배치 결과 **시각 우선**(완료 시 확대 팝업에 배치 결과 렌더 → 배치안 3안 상세는 버튼 클릭), Stitch 프롬프트 갱신. ⑧**SCR-14**: 홀 히어로·홀 카드/상세에 **DWG 렌더 평면도(hall1~10.png)** 표출, Stitch 프롬프트 갱신 |
|
||||||
| **v2.6** | 2026-07-14 | designer | **SCR-03/04 — PLANNING v3.5 §M2-1 "자동 배치 이지 플로우(3단계 위저드)" 정합(구현 정본 `AutoLayoutDialog.tsx`·`BoothLayoutEditorPage.tsx`·`FloorplanCanvas.tsx`·`hallFloorplan.ts`에 맞춘 스펙 문서화).** ①**SCR-03**: "AI 자동배치" 버튼 = **3단계 위저드 모달(`.kx-auto`) 진입 모드** 신설 절 추가 — ① 어디에(전시장>홀>구역 **셀렉트 3단 캐스케이드**, 소스 `GET /api/halls/tree`(V60 hall_zone)·"홀 전체" 기본·트리 실패 degraded 진행) → ② 조건(자연어 한 줄+"AI 해석" `…/auto-generate/interpret`→**AI 해석 폼**이 최종 권위, degraded 수동 입력) → ③ 배치안 선택(SCR-04). 툴바에 **홀 선택 셀렉트**(전시장 optgroup) 추가, 캔버스는 **실측 홀 도면 JPG의 전시 바닥면 캘리브레이션 영역(FLOOR_REGIONS)에 홀 좌표계 정렬**(부스가 평면도 안에 표시 — M2-1 원칙 1) 명문화, 생성 중 상태를 캔버스 오버레이→위저드 내 진행 화면으로 정정, Stitch 프롬프트에 홀 셀렉트·도면 JPG 베이스 반영 ②**SCR-04**: 별도 페이지→**위저드 ③단계 화면으로 실현** 재정의 — 3안 카드 그리드에서 **조감(S7)은 자동 생성 금지, 카드별 점선 CTA "조감 이미지 생성" 클릭 시에만 `…/auto-generate/preview` RenderJob 발행**(원칙 3), 생성 후 AiImage(워터마크+고지) 표시, **이미지 클릭→확대 라이트박스(`.kx-lightbox`) 신설**(고지 문구 유지+"이미지 저장" 다운로드+닫기, 원칙 4)·`render_job` 영속→시각화 갤러리 `boothRef=HALL-{hallId}` 재열람·M15 옥션 참고 이미지 재사용 안내 문구, **"이 안으로 편집 시작" = `apply-option` 실저장**(저장 중 "저장 중…" 표기) 후 에디터 진입(원칙 5), 하단 비교 테이블 항목은 카드 내 지표+AI 요약으로 흡수, 상태 6종 재정의(S7 미요청 점선 CTA 기본·생성 실패에도 선택/적용 계속 가능), **Stitch 프롬프트 위저드 3단계 구조로 전면 갱신**(단계 표시기·점선 CTA 2장+생성 완료 1장·산술 정합 508부스=4,572㎡ 동일 산식). 신규 토큰 0·타 절 무수정·PLANNING.md·src 무수정 |
|
| **v2.6** | 2026-07-14 | designer | **SCR-03/04 — PLANNING v3.5 §M2-1 "자동 배치 이지 플로우(3단계 위저드)" 정합(구현 정본 `AutoLayoutDialog.tsx`·`BoothLayoutEditorPage.tsx`·`FloorplanCanvas.tsx`·`hallFloorplan.ts`에 맞춘 스펙 문서화).** ①**SCR-03**: "AI 자동배치" 버튼 = **3단계 위저드 모달(`.kx-auto`) 진입 모드** 신설 절 추가 — ① 어디에(전시장>홀>구역 **셀렉트 3단 캐스케이드**, 소스 `GET /api/halls/tree`(V60 hall_zone)·"홀 전체" 기본·트리 실패 degraded 진행) → ② 조건(자연어 한 줄+"AI 해석" `…/auto-generate/interpret`→**AI 해석 폼**이 최종 권위, degraded 수동 입력) → ③ 배치안 선택(SCR-04). 툴바에 **홀 선택 셀렉트**(전시장 optgroup) 추가, 캔버스는 **실측 홀 도면 JPG의 전시 바닥면 캘리브레이션 영역(FLOOR_REGIONS)에 홀 좌표계 정렬**(부스가 평면도 안에 표시 — M2-1 원칙 1) 명문화, 생성 중 상태를 캔버스 오버레이→위저드 내 진행 화면으로 정정, Stitch 프롬프트에 홀 셀렉트·도면 JPG 베이스 반영 ②**SCR-04**: 별도 페이지→**위저드 ③단계 화면으로 실현** 재정의 — 3안 카드 그리드에서 **조감(S7)은 자동 생성 금지, 카드별 점선 CTA "조감 이미지 생성" 클릭 시에만 `…/auto-generate/preview` RenderJob 발행**(원칙 3), 생성 후 AiImage(워터마크+고지) 표시, **이미지 클릭→확대 라이트박스(`.kx-lightbox`) 신설**(고지 문구 유지+"이미지 저장" 다운로드+닫기, 원칙 4)·`render_job` 영속→시각화 갤러리 `boothRef=HALL-{hallId}` 재열람·M15 옥션 참고 이미지 재사용 안내 문구, **"이 안으로 편집 시작" = `apply-option` 실저장**(저장 중 "저장 중…" 표기) 후 에디터 진입(원칙 5), 하단 비교 테이블 항목은 카드 내 지표+AI 요약으로 흡수, 상태 6종 재정의(S7 미요청 점선 CTA 기본·생성 실패에도 선택/적용 계속 가능), **Stitch 프롬프트 위저드 3단계 구조로 전면 갱신**(단계 표시기·점선 CTA 2장+생성 완료 1장·산술 정합 508부스=4,572㎡ 동일 산식). 신규 토큰 0·타 절 무수정·PLANNING.md·src 무수정 |
|
||||||
| **v2.5** | 2026-07-14 | designer | **BACKLOG designer 잔여 티켓 일괄 해소(B-01·B-04~B-08·B-10) — 소유자 지시 "백로그 미진행 사항 진행".** 기존 구조·번호 체계·토큰 불변(신규 토큰 0), 스펙 정정·순증만. ①**B-01(Major)**: SCR-06에 **조립부스 모드** 신설(PLANNING M3 Phase 1 범위 — 신규 SCR 없이 모드 분기) — 좌측 옵션 패널 3그룹(간판 문구·서체·색/가구 표준 자재 카탈로그 그리드(수량 스테퍼+기본 제공·추가 ₩ 칩)/조명 스포트 스테퍼·주간야간), 옵션 변경 시 3D 프리뷰·S1 예상 사진 즉시 갱신, Before/After "기본형↔옵션 적용", 옵션 견적 요약+CTA "옵션 신청 제출"(장치업체 컨펌 미적용 — 주최측 시공), 상태(마감 잠금·문구 미입력 비활성·오탈자 배지) + **전용 영어 Stitch 프롬프트 1종**(견적 산술 정합 30,000+70,000+15,000+40,000=155,000). SCR-05에 조립부스 분기(헤더 표기·옵션 마감 할 일 카드·장치업체 초대 미노출·스튜디오 진입 분기) 순증 ②**B-04**: 화면 수 표기 정정 — §3 헤더 "총 14개(웹12+모바일2)"→**P0 코어 15개(웹 13 = SCR-01·HOME·02~12 + 모바일 2)**(SCR-HOME 신설 반영), §2.8-2 집계 문장의 SCR-T0~T3 4화면 누락 정정 **85→총 89화면**(✅Stitch 83·미생성 6 상태 정합 — v2.2 변경이력과 일치화) ③**B-05**: SCR-02 사이드바 "정산" 메뉴 IA 불일치 해소 — §2-1 주최자 사이트맵에 "정산·결제 [M9, P1] — Phase 2 (SCR-21)" 추가 + SCR-02에 정합 메모(프롬프트 메뉴 문구 유지) ④**B-06**: SCR-01 Stitch 프롬프트에 스펙에만 있던 "이메일 인증으로 로그인" 버튼 추가 ⑤**B-07**: SCR-03 프롬프트에 툴바 "공유" 버튼 추가 + 위반 요약(차단2·경고3)↔캔버스 핀 불일치 정정(주황 빗금 부스 1→3개, 핀 3·4·5 — 스펙 레이아웃 ③에 핀·건수 명시로 1:1 고정) ⑥**B-08**: SCR-04 샘플 지표 산술 오류 정정 — 판매면적 4,420㎡→**4,590㎡**(510부스×9㎡, SCR-03 486부스=4,374㎡와 동일 산식 명문화) ⑦**B-10**: SCR-10/11 헤딩·메모에 **Phase 2**(PLANNING §9 홀매니저 대시보드), SCR-M1/M2에 **Phase 3**(현장 모바일 운영 도구) 로드맵 라벨 부착(화면·구현 선행 확보 명시 — P0 우선순위 컬럼과 구분) + **조명 배치안 제안(M4a) 전용 UI 검토 메모**를 SCR-06에 신설(Phase 1은 조명 프리셋+S2 야간 컷으로 흡수, 조도 히트맵·기구 배치 캔버스 전용 SCR은 정밀 조도 시뮬레이션(P2)과 함께 분리 검토 — 현 시점 신규 화면 없음). PLANNING.md·src 무수정 |
|
| **v2.5** | 2026-07-14 | designer | **BACKLOG designer 잔여 티켓 일괄 해소(B-01·B-04~B-08·B-10) — 소유자 지시 "백로그 미진행 사항 진행".** 기존 구조·번호 체계·토큰 불변(신규 토큰 0), 스펙 정정·순증만. ①**B-01(Major)**: SCR-06에 **조립부스 모드** 신설(PLANNING M3 Phase 1 범위 — 신규 SCR 없이 모드 분기) — 좌측 옵션 패널 3그룹(간판 문구·서체·색/가구 표준 자재 카탈로그 그리드(수량 스테퍼+기본 제공·추가 ₩ 칩)/조명 스포트 스테퍼·주간야간), 옵션 변경 시 3D 프리뷰·S1 예상 사진 즉시 갱신, Before/After "기본형↔옵션 적용", 옵션 견적 요약+CTA "옵션 신청 제출"(장치업체 컨펌 미적용 — 주최측 시공), 상태(마감 잠금·문구 미입력 비활성·오탈자 배지) + **전용 영어 Stitch 프롬프트 1종**(견적 산술 정합 30,000+70,000+15,000+40,000=155,000). SCR-05에 조립부스 분기(헤더 표기·옵션 마감 할 일 카드·장치업체 초대 미노출·스튜디오 진입 분기) 순증 ②**B-04**: 화면 수 표기 정정 — §3 헤더 "총 14개(웹12+모바일2)"→**P0 코어 15개(웹 13 = SCR-01·HOME·02~12 + 모바일 2)**(SCR-HOME 신설 반영), §2.8-2 집계 문장의 SCR-T0~T3 4화면 누락 정정 **85→총 89화면**(✅Stitch 83·미생성 6 상태 정합 — v2.2 변경이력과 일치화) ③**B-05**: SCR-02 사이드바 "정산" 메뉴 IA 불일치 해소 — §2-1 주최자 사이트맵에 "정산·결제 [M9, P1] — Phase 2 (SCR-21)" 추가 + SCR-02에 정합 메모(프롬프트 메뉴 문구 유지) ④**B-06**: SCR-01 Stitch 프롬프트에 스펙에만 있던 "이메일 인증으로 로그인" 버튼 추가 ⑤**B-07**: SCR-03 프롬프트에 툴바 "공유" 버튼 추가 + 위반 요약(차단2·경고3)↔캔버스 핀 불일치 정정(주황 빗금 부스 1→3개, 핀 3·4·5 — 스펙 레이아웃 ③에 핀·건수 명시로 1:1 고정) ⑥**B-08**: SCR-04 샘플 지표 산술 오류 정정 — 판매면적 4,420㎡→**4,590㎡**(510부스×9㎡, SCR-03 486부스=4,374㎡와 동일 산식 명문화) ⑦**B-10**: SCR-10/11 헤딩·메모에 **Phase 2**(PLANNING §9 홀매니저 대시보드), SCR-M1/M2에 **Phase 3**(현장 모바일 운영 도구) 로드맵 라벨 부착(화면·구현 선행 확보 명시 — P0 우선순위 컬럼과 구분) + **조명 배치안 제안(M4a) 전용 UI 검토 메모**를 SCR-06에 신설(Phase 1은 조명 프리셋+S2 야간 컷으로 흡수, 조도 히트맵·기구 배치 캔버스 전용 SCR은 정밀 조도 시뮬레이션(P2)과 함께 분리 검토 — 현 시점 신규 화면 없음). PLANNING.md·src 무수정 |
|
||||||
| **v2.4** | 2026-07-12 | designer | **공개 사이트 비주얼·모션 전면 리뉴얼 스펙 신설(소유자 확정: "코엑스처럼 세련되게 — 히어로 배경·애니메이션·비주얼, 지금 착수").** §3C에 **3C-V 공개 사이트 비주얼·모션 스펙** 절 순증 — 기존 SCR-T0~T3·SCR-P* **구조는 불변**, 그 위에 비주얼/모션 레이어만 격상(구조 재설계 아님). ①**비주얼 폴리시(V-1)** 풀블리드·공백 없음·섹션 리듬(밴드↔카드 교대·96/64/40px)·여백·라운드 8px·소프트 앰비언트 그림자·타이포 위계 강화·선 SVG·이모지 금지·다크/라이트·2:3 포스터 카드. ②**모션 토큰(V-2)** duration(`--motion-fast 150`/`base 240`/`slow 400`/`hero 600`/`countup 1200`)·easing(`--ease-emphasized/standard/decelerate`) 신설(컬러 신규 토큰 0). ③**섹션별 배경·애니메이션 트리거 매핑(V-3)** 풀블리드 히어로(라이트 파랄랙스+인트로 리빌)·통계 카운트업·AI 타일 스태거·쇼케이스 hover 리프트/이미지 줌·행사 레일 오토스크롤·기획 브리핑 grow·공통 스크롤 리빌(IO threshold 0.15·once). ④**이미지 소스 매핑(V-4)** build 내장 `/media/`(hero·bands·poster·patterns 계약)·부재 시 그라디언트+패턴 폴백(레이아웃 시프트 0)·preload/lazy/webp/srcset. ⑤**접근성(V-5)** `prefers-reduced-motion` 필수 — 파랄랙스/오토스크롤 정지·카운트업 즉시·리빌 instant·모션은 전부 장식(정보 비의존)·양 테마 WCAG AA. ⑥**성능(V-6)** CSS 우선·`transform`/`opacity`만·`will-change` 절제·60fps·강등 순서. ⑦**프론트 계약(V-7)** `.pub-reveal`/`--stagger`·`.pub-hero__bg[data-parallax]`·`.pub-card--lift`·`.pub-card__media img` 줌·`.pub-countup`·`.pub-rail--auto`·폴백 유틸, **PublicShell 하위만 스코프**(AppShell/MDI·SCR-A*·모바일 미주입). ⑧**영어 Stitch 프롬프트 2종(V-8·V-9)** — 프리미엄 전시장 홈페이지(SCR-T1 시네마틱 히어로·스크롤 리빌·카운트업·hover 줌·오토스크롤·폴백·reduced-motion, 제품명 정확·NO emoji·선 SVG·라이트/다크) + 3-트랙 관문(SCR-T0 동일 톤 격상). **경계 준수**: visitor(T1)만 풀 시네마틱, business/agency는 B2B 톤 유지+공통 모션 절제 적용. 신규 컬러 토큰 0·PLANNING.md·src 무수정. |
|
| **v2.4** | 2026-07-12 | designer | **공개 사이트 비주얼·모션 전면 리뉴얼 스펙 신설(소유자 확정: "코엑스처럼 세련되게 — 히어로 배경·애니메이션·비주얼, 지금 착수").** §3C에 **3C-V 공개 사이트 비주얼·모션 스펙** 절 순증 — 기존 SCR-T0~T3·SCR-P* **구조는 불변**, 그 위에 비주얼/모션 레이어만 격상(구조 재설계 아님). ①**비주얼 폴리시(V-1)** 풀블리드·공백 없음·섹션 리듬(밴드↔카드 교대·96/64/40px)·여백·라운드 8px·소프트 앰비언트 그림자·타이포 위계 강화·선 SVG·이모지 금지·다크/라이트·2:3 포스터 카드. ②**모션 토큰(V-2)** duration(`--motion-fast 150`/`base 240`/`slow 400`/`hero 600`/`countup 1200`)·easing(`--ease-emphasized/standard/decelerate`) 신설(컬러 신규 토큰 0). ③**섹션별 배경·애니메이션 트리거 매핑(V-3)** 풀블리드 히어로(라이트 파랄랙스+인트로 리빌)·통계 카운트업·AI 타일 스태거·쇼케이스 hover 리프트/이미지 줌·행사 레일 오토스크롤·기획 브리핑 grow·공통 스크롤 리빌(IO threshold 0.15·once). ④**이미지 소스 매핑(V-4)** build 내장 `/media/`(hero·bands·poster·patterns 계약)·부재 시 그라디언트+패턴 폴백(레이아웃 시프트 0)·preload/lazy/webp/srcset. ⑤**접근성(V-5)** `prefers-reduced-motion` 필수 — 파랄랙스/오토스크롤 정지·카운트업 즉시·리빌 instant·모션은 전부 장식(정보 비의존)·양 테마 WCAG AA. ⑥**성능(V-6)** CSS 우선·`transform`/`opacity`만·`will-change` 절제·60fps·강등 순서. ⑦**프론트 계약(V-7)** `.pub-reveal`/`--stagger`·`.pub-hero__bg[data-parallax]`·`.pub-card--lift`·`.pub-card__media img` 줌·`.pub-countup`·`.pub-rail--auto`·폴백 유틸, **PublicShell 하위만 스코프**(AppShell/MDI·SCR-A*·모바일 미주입). ⑧**영어 Stitch 프롬프트 2종(V-8·V-9)** — 프리미엄 전시장 홈페이지(SCR-T1 시네마틱 히어로·스크롤 리빌·카운트업·hover 줌·오토스크롤·폴백·reduced-motion, 제품명 정확·NO emoji·선 SVG·라이트/다크) + 3-트랙 관문(SCR-T0 동일 톤 격상). **경계 준수**: visitor(T1)만 풀 시네마틱, business/agency는 B2B 톤 유지+공통 모션 절제 적용. 신규 컬러 토큰 0·PLANNING.md·src 무수정. |
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user