kanban-dashboard /performance 대시보드 가이드

작성: 2026-02-28 자비스 프로젝트: projects/kanban-dashboard/

1. /performance 페이지 구성

URL: https://business-builder-kanban.vercel.app/performance

섹션 구성

1. CEO 즉시 액션 배너 (최상단)

   • CRITICAL/HIGH 블로킹 항목 5개 표시
   • 빨간/노란 컬러 구분

2. 프로젝트 현황 카드 (4개)

   • richbukae.com, KoreaAI Hub, ai-architect-global, apppro.kr

3. OKR 실시간 현황

   • GREEN/YELLOW/RED 색상 구분
   • 달성률 % + 트렌드 배지 (📈↑ / 📉↓ / ➡️ 유지)

4. 태스크 현황 요약

   • 상태별 개수 (in_progress / done / waiting_ceo / backlog)

2. API 엔드포인트

GET /api/performance/summary

태스크 통계 + OKR 요약 + CEO 블로킹 수 반환.

Response:

{
  "tasks": {
    "total": 150,
    "inProgress": 8,
    "done": 85,
    "waitingCeo": 13,
    "backlog": 44
  },
  "okr": {
    "green": 7,
    "yellow": 3,
    "red": 6,
    "avgAchievement": 72.5
  },
  "ceoBlocking": {
    "count": 5,
    "items": ["Toss 라이브 키", "LS 결제 URL", ...]
  }
}

3. OKR 현황 쿼리

-- OKR 전체 조회
SELECT id, title, current_value, target_value,
  ROUND(current_value * 100.0 / target_value, 1) as achievement
FROM okr_key_results
ORDER BY achievement DESC;

-- 수동 업데이트
UPDATE okr_key_results SET current_value = {값} WHERE id = 'KRx-x';

DB: Turso kanban (kanban-migkjy.aws-ap-northeast-1.turso.io)

4. CEO 즉시 액션 항목 수정

src/app/performance/page.tsx 내 ceoActions 배열 수정:

const ceoActions = [
  {
    priority: 'CRITICAL',
    project: 'KoreaAI Hub',
    action: 'Vercel Protection 해제',
    detail: 'Settings > Deployment Protection > 비활성화'
  },
  // ...
];

5. 사이드바 네비게이션

src/components/layout/app-sidebar.tsx에 추가됨:

• 아이콘: BarChart3
• 경로: /performance
• 레이블: "성과 대시보드"