Files
sam-react-prod/claudedocs/construction/[IMPL-2026-01-12] project-detail-checklist.md
유병철 b59150551e chore(WEB): PermissionManagement 오류 수정 및 claudedocs 폴더 정리
- PermissionManagement externalSelection 콜백 함수 오류 수정
  - setSelectedItems → onToggleSelection, onToggleSelectAll, getItemId 변경
- claudedocs 문서 폴더별 정리 (26개 파일)
  - dashboard/, guides/, settings/, construction/, sales/ 등

Co-Authored-By: Claude <noreply@anthropic.com>
2026-01-17 13:11:35 +09:00

1.7 KiB

프로젝트 실행관리 상세 페이지 구현 체크리스트

구현 일자: 2026-01-12

페이지 구조

  • 페이지 경로: /construction/project/management/[id]
  • 칸반 보드 형태의 상세 페이지
  • 프로젝트 → 단계 → 상세 연동

작업 목록

1. 타입 및 데이터 준비

  • types.ts - 상세 페이지용 타입 추가 (Stage, StageDetail, ProjectDetail 등)
  • actions.ts - 상세 페이지 목업 데이터 추가

2. 칸반 보드 컴포넌트

  • ProjectKanbanBoard.tsx - 칸반 보드 컨테이너
  • KanbanColumn.tsx - 칸반 컬럼 공통 컴포넌트
  • ProjectCard.tsx - 프로젝트 카드 (진행률, 계약금, 기간)
  • StageCard.tsx - 단계 카드 (입찰/계약/시공)
  • DetailCard.tsx - 상세 카드 (현장설명회 등 단순 목록)

3. 프로젝트 종료 팝업

  • ProjectEndDialog.tsx - 프로젝트 종료 다이얼로그

4. 메인 페이지 조립

  • ProjectDetailClient.tsx - 메인 클라이언트 컴포넌트
  • page.tsx - 상세 페이지 진입점

5. 검증

  • 칸반 보드 동작 확인 (프로젝트→단계→상세 연동)
  • 프로젝트 종료 팝업 동작 확인
  • 리스트 페이지에서 상세 페이지 이동 확인

참고 사항

  • 1차 구현: 상세 하위 목록 없는 경우 (현장설명회) 먼저 구현
  • 이후 추가로 보면서 맞춰가기
  • 기존 리스트 페이지 패턴 참고

진행 상황

  • 시작: 2026-01-12
  • 현재 상태: 1차 구현 완료, 브라우저 검증 대기

테스트 URL