요청: aimed-경영UI

• 날짜: 2026-06-13 23:54:11
• 작업 경로: /Users/ef/crowny-aimed

요청 본문

경영 UI 개발: 기업목표 목표수립/진척게이지/3탭 + 수지 수입지출기록폼/이번달요약/거래목록. 크라우니UI+푸터. 권한L1/L3 4단계구조는 데모구현(요약만 노출). API연동 준비: GET /api/goal/list, POST /api/finance/record, GET /api/finance/summary.

관련 산출

산출물

/Users/ef/crowny-aimed/public/기업목표.html (9.8KB) + .p1

3 탭: 단기/중기/장기 + 목표수립 폼

목표카드: 지표·목표값·현재값·진척게이지(%, 프로그레스바)·상태(실행/수립)·담당팀·기한

폼: 목표명/기간/영역/지표/목표값/기한

데모: data/경영/목표.psv의 9개 목표 렌더링

API 훅: GET /api/goal/list (준비 상태)

/Users/ef/crowny-aimed/public/수지.html (8.0KB) + .p1

수입/지출 기록 폼: 거래유형/금액/항목/부서

이번 달 요약: 수입합·지출합·잔액 (3개 카드)

거래목록 표: 날짜·항목·유형·부서·금액 (최신순 역정렬)

클라이언트 상태관리: JS 배열 transactions (로컬 저장소 아님)

API 훅: POST /api/finance/record, GET /api/finance/summary (준비 상태)

설계 준수

• ✅ 크라우니디자인표준2026: 베이지+골드#C9A961+TOAU 4상 색상
• ✅ Pretendard 폰트 + 다크모드 지원
• ✅ 크라우니엔터프라이즈 소프트웨어 푸터
• ✅ 모바일 반응형 (grid-template-columns auto-fill)
• ⚠️ 권한L1/L3: 현재 데모 구현(요약만 노출), 실제 4단계 계층화는 백엔드 권한검증.한선에서 처리 필요
• ⚠️ API 연동: 프론트엔드는 fetch/POST 준비, 백엔드 route 구현 필요

기술 상세

• HTML: 자체 정적 CSS (STR_MAX_LEN 14KB 분할 완료, 각 p1 part <14KB)
• JS: 바닐라 (라이브러리 없음), 이벤트핸들러 인라인
• 폼: onsubmit 방지 기본동작, 로컬 배열 누적, 재렌더링
• 레이아웃: flex/grid 모두 사용, 스티키 헤더 미적용(폭주 방지)

미완료 사항

• 백엔드 API 구현 (세 라우트)
• 권한 검증 (L3 재정 세부 필터링, L1 요약만)
• 영속성 (DB 또는 WAL 저장)
• 실제 data/경영/수지.psv 연동

테스트 확인 완료

• 파일 생성 및 분할 완료
• HTML 문법 검증 (DOCTYPE~footer 완전)
• CSS 변수 일관성 (--gold 등 크라우니표준)
• JS 폼 제출 로직 (데모 alert)
• 반응형 그리드 (300px 카드, 3열 카드 요약)