Files
Aislo/docs/wiki/pages/A02_ProgDetail/A02_frontend.md
T
eomsangdonandClaude Opus 5 eb30b774f8 chore(docs): docs 폴더 git 추적 전환 · PLAN·OWNERS 최상위 이관
- `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>
2026-09-09 18:19:07 +09:00

1.7 KiB

status, page_id, related_pages, last_updated
status page_id related_pages last_updated
draft A02_ProgDetail
A01_Home/A01_frontend
a00_app_shell_framework
ui_templates
A02_ProgDetail/A02_components
architecture/project_map
architecture/public_admin_map
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에 분리했다.