Skip to content

feat: 사이드 프로젝트 대시보드 구현 #9

Description

@Kwon812

Issue

작업 유형

  • Feat: 새로운 기능 추가
  • Fix: 버그 수정
  • Docs: 문서 수정
  • Refactor: 리팩토링
  • Design: UI/CSS 수정
  • Chore: 설정, 패키지, 기타 작업
  • Hotfix: 긴급 수정

작업 내용

  • 위젯 그리드 대시보드 + 편집 모드(드래그 이동/리사이즈/삭제)
  • 레이아웃을 유저별로 저장/복원 *목데이터로 대체

작업 배경

  • 사용자마다 필요한 정보가 달라 개인화 대시보드가 필요
  • 여러 모듈(태스크/회의록/공지 등) 데이터를 한 화면에서 요약 제공

To Do

  • 라우트 페이지(/[workspaceId]/) 생성 및 데이터 로딩 → View 연결 *목데이터로 대체
  • 대시보드 그리드 컨테이너 (react-grid-layout) 구성
  • 위젯: 내 업무 (내게 배정된 tasks)
  • 위젯: 벨로시티 (done/total 계산)
  • 위젯: 최근 회의록 (meeting_notes 최신순)
  • 위젯: 백로그
  • 위젯: 스프린트 차트 ( 진행률 / 포인트 )
  • 편집 모드 토글 — 이동/리사이즈/삭제 + 위젯 추가
  • 레이아웃 저장/복원 (save_workspace_layout, layout JSON [{i,type,x,y,w,h}])
  • 빈 상태(empty state) 가이드

완료 기준

  • 위젯을 이동/리사이즈/삭제하고 저장하면 재접속 후 유지된다 *목데이터로 대체
  • 위젯 추가 옵션은 활성 모듈 기준으로 제한된다 *목데이터로 대체
  • 데이터 없을 때 empty state가 보인다 *UI만 구현

참고 자료

  • Figma: 대시보드 / 레이아웃 편집 모드

예상 브랜치명

txt feat/#9/side-project-dashboard ​

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions