Skip to content

✨ Feat: 컬럼 관리 기능 구현 (생성/수정/삭제) #97

@LeeCh0129

Description

@LeeCh0129

📝 설명

대시보드 상세 페이지에서 컬럼을 생성, 수정, 삭제할 수 있는 기능을 구현
사용자가 직관적으로 컬럼을 관리할 수 있도록 모달 기반의 UI를 제공

✅ 작업 내용

  • 컬럼 생성 API 함수 구현 (postColumn.ts)
  • 컬럼 수정 API 함수 구현 (updateColumn.ts)
  • 컬럼 삭제 API 함수 구현 (deleteColumn.ts)
  • TanStack Query 기반 훅 구현 (useCreateColumn, useUpdateColumn, useDeleteColumn)
  • 컬럼 모달 전용 상태 관리 (useColumnModalStore)
  • 컬럼 생성 모달 UI 구현 (CreateColumnModal)
  • 컬럼 수정 모달 UI 구현 (EditColumnModal)
  • 컬럼 삭제 확인 모달 UI 구현 (DeleteColumnConfirmModal)
  • 모달 렌더러 구현 (ColumnModalRenderer)
  • 기존 페이지와 연동 (dashboard/[id]/page.tsx, Column.tsx)
  • 실시간 유효성 검사 (중복명, 최대 개수 제한)
  • 에러 상태 UI 피드백

🖼️ 관련 스크린샷/디자인

📎 참고사항

⏰ 구현 예정기간

(오래걸려도 됩니다. 본인이 가정했던 시간을 작성해주시면 됩니다.)

⏰ 구현 예정기간

(스스로 체크하는 용도입니다. '0월 0일 0시'로 작성.)

  • 시작일:
  • 종료일:

Metadata

Metadata

Assignees

Labels

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions