23eb3f1f46
핵심 구현사항: ✅ 전체 워크플로우의 시작점이 되는 프로젝트 관리 페이지 완성 - 사이드바에 '프로젝트 관리' 메뉴 추가 (최상단 배치) - 기본 페이지를 프로젝트 관리로 변경 🎯 프로젝트 선택 시스템 - 4개 샘플 프로젝트 (계획/진행중/제작중/완료 상태) - 각 프로젝트별 상세 정보 (고객사, 납기일, 납품방식, 담당PM) - 5단계 진행률 표시 (설계→구매→제작→검사→납품) - 상태별 색상 구분 및 진행률 바 🔍 검색 및 필터 기능 - 프로젝트명/Job No./고객사 통합 검색 - 상태별 필터 (전체/계획/진행중/제작중/완료) - 실시간 통계 표시 (전체 12개, 진행중 8개, 제작중 3개, 지연 1개) - 검색 결과 카운트 알림 🎨 카드 기반 UI 디자인 - DevonThink 스타일 프로젝트 카드 - 호버 효과 (lift-up 애니메이션) - 상태별 좌측 컬러 바 (파란색/회색/노랑/초록) - 반응형 그리드 레이아웃 (2열→1열) ⚡ 인터랙티브 기능 - 프로젝트 선택 시 세션 스토리지 저장 - 각 프로젝트별 맞춤 액션 버튼 - 제작중: '프로젝트 관리' + '생산회의록' - 계획중: '프로젝트 관리' + 비활성화된 '생산회의록' - 진행중: '프로젝트 관리' + '입고 검수' - 완료: '프로젝트 보기' + '완료됨' 📊 하드코딩 데이터 - TK-2024-015: ABC 공장 배관공사 (제작중 75%) - TK-2024-016: DEF 플랜트 배관 설치 (계획 25%) - TK-2024-017: GHI 정유 공장 개보수 (진행중 60%) - TK-2024-012: JKL 화학 공장 신설 (완료 100%) 🔄 워크플로우 연결 - 프로젝트 선택 → 각 기능 페이지로 연결 - 선택된 프로젝트 정보 전역 공유 - 다른 페이지에서 프로젝트 컨텍스트 유지 시연 준비: 전체 워크플로우의 중심이 되는 프로젝트 관리 시스템 완성