Skip to content

✨ Feat: 멤버 컴포넌트 (대시보드 수정 페이지) #24

@wjsdncl

Description

@wjsdncl

작업 설명

멤버 컴포넌트 구현

멤버 컴포넌트를 구현하여 팀의 멤버 목록을 표시하고 관리할 수 있도록 합니다. 멤버 목록을 표시하고, 페이지네이션을 통해 목록을 쉽게 탐색할 수 있게 합니다. 또한, 멤버를 삭제할 수 있는 기능을 포함합니다.

이미지 참조

image

API

  • 대시보드 멤버 목록 조회
    • (GET) baseURL/{teamId}/members
  • 대시보드 멤버 삭제
    • (DELETE) baseURL/{teamId}/members/{memberId}

State

  • 멤버 목록 배열
  • 페이지네이션

세부 작업 목록

  • 페이지네이션 구현
    • 페이지 전환 기능 구현
  • 멤버 내역 아이템 컴포넌트 구현 (.map 사용)
    • 각 멤버 내역 아이템에 이메일 및 삭제 버튼 표시
  • 삭제 버튼 클릭 시 멤버 삭제 기능 구현
    • 삭제 버튼을 클릭하면 해당 멤버를 삭제
    • 삭제 버튼을 클릭하면 삭제 확인 모달 표시

관련 이슈

  • 선행 이슈 (이전에 해결해야 할 이슈)
    • 대시보드 수정 컴포넌트 (#n)
  • 후행 이슈 (이 작업이 선행되는 이슈)
    • 멤버 내역 아이템 컴포넌트

코멘트 (optional)

  • 삭제 버튼 눌렀을 때 삭제 확인 모달 표시하는게 좋겠죠?
  • 멤버 내역 아이템 컴포넌트도 이슈로 빼야할 까요?

Metadata

Metadata

Assignees

Labels

✨ feat새로운 기능 추가📝 dashboard edit대시보드 수정 페이지 관련

Type

No type

Projects

Status

Done

Relationships

None yet

Development

No branches or pull requests

Issue actions