eomsangdonandClaude Opus 5
eb30b774f8
- `docs/` 를 .gitignore 에서 빼 git 추적 대상으로 전환 (위키·완료 이력·검증 기록) - `docs/raw/PLAN.md` · `docs/raw/OWNERS.md` 를 저장소 최상위로 이동 후 .gitignore 에 등록 — 창끼리 공유하되 저장소에는 안 올리는 장부 - 살아 있는 경로 참조 7개 파일 정정 (아카이브 107건은 그때 사실이라 그대로 둠) - graphify 날짜별 산출물(`docs/wiki/graphify-out/20*/`) 제외 — `graphify update` 가 다시 만듦 Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
37 lines
1.7 KiB
Markdown
37 lines
1.7 KiB
Markdown
---
|
|
status: draft
|
|
page_id: A02_ProgDetail
|
|
related_pages: ["[[A01_Home/A01_frontend]]", "[[a00_app_shell_framework]]", "[[ui_templates]]", "[[A02_ProgDetail/A02_components]]", "[[architecture/project_map]]", "[[architecture/public_admin_map]]"]
|
|
last_updated: 2026-07-12
|
|
---
|
|
|
|
# A02_ProgDetail — Frontend
|
|
|
|
[[architecture/public_admin_map]]의 기능 탐색 경로이며 [[A02_ProgDetail/frontend/A02_ProgDetail_UI_Page]]가 화면을 구현한다.
|
|
|
|
로그인 전 프로그램 상세 페이지. 6단계 워크플로우 시각화 + 핵심 기술 소개.
|
|
|
|
## 구조
|
|
- **세분화 명세**: `[[A02_ProgDetail/frontend/A02_ProgDetail_UI_Page]]`
|
|
- **소스 경로**: `A02_ProgDetail/A02_ProgDetail_UI_Page.ts`
|
|
- **스타일**: `A02_ProgDetail/A02_ProgDetail_UI_Style.css`
|
|
|
|
## 컴포넌트 분석
|
|
|
|
| 컴포넌트 | 역할 | 로케일 키 |
|
|
|---|---|---|
|
|
| `buildHero()` | 히어로 섹션(제목+부제+CTA) | `A02_ProgDetail_Title`, `A02_ProgDetail_Hero_Subtitle`, `A02_ProgDetail_Hero_Cta` |
|
|
| `buildWorkflow()` | 6단계 워크플로우 리스트(배지+텍스트) | `A02_ProgDetail_Workflow_SectionTitle`, `A02_ProgDetail_Step[1-6]_Title`, `A02_ProgDetail_Step[1-6]_Desc` |
|
|
| `buildTech()` | 기술 3종 카드 그리드 | `A02_ProgDetail_Tech_SectionTitle`, `A02_ProgDetail_Tech[1-3]_Title`, `A02_ProgDetail_Tech[1-3]_Desc` |
|
|
|
|
## 제약 준수
|
|
|
|
- ✅ 모든 문구 `ui_template_locale.ts` 참조
|
|
- ✅ 색상/간격 `theme.css` 변수만 사용
|
|
- ✅ 공통 컴포넌트 `createButton`/`createCard` 사용
|
|
- ✅ 이벤트 핸들러 명명 `on[페이지]_[기능]_[액션]`
|
|
|
|
## 세부 구현
|
|
|
|
스타일 구조·의존성·데이터 흐름·특이사항은 [[A02_ProgDetail/A02_components]]에 분리했다.
|