✨ Feat: 카드 DnD (대시보드 페이지)

[wayandway]

연관된 이슈

• close #131

작업 내용

대시보드 컬럼 섹션 내의 카드 DnD기능을 추가했습니다.react-beautiful-dnd라이브러리를 사용했습니다.

• [x] ~한 컬럼 내에서의 카드 DnD : 서버 반영 X~

• [x] 다른 컬럼으로의 카드 DnD : 서버에 데이터 반영 O, 순서까진 반영 X

  • 이동할 목표 컬럼 ID를 PUT API로 보내는 방법으로 구현했습니다.

• [x] 개별 컬럼 내 스크롤 디자인 제거 (tailwind-scrollbar-hide 플러그인)

스크린샷

코멘트 및 논의 사항

API 한계 이슈로 최대한 구현해보는대로 했습니다..! 😇

~한 컬럼 내에서의 카드 DnD : 서버 반영 X: 한 컬럼 내에서 카드 순서를 변경하면, 서버에는 반영이 안되어 새로고침 하면 원래 위치로 돌아옵니다.~

다른 컬럼으로의 카드 DnD : 서버 반영 △: 다른 컬럼으로 카드 위치를 변경하면, 서버에도 반영이 되지만 순서까진 반영이 안됩니다.

카드 순서까지 서버에 반영하고 싶은데, ID값을 직접 바꾸는 것은 안되고.. 혹시 좋은 방법이 없을까요? 아이디어 제시해주신다면 감사하겠습니다!🙇

[un0211]

카드 순서까지 서버에 반영하고 싶은데, ID값을 직접 바꾸는 것은 안되고.. 혹시 좋은 방법이 없을까요? 아이디어 제시해주신다면 감사하겠습니다!🙇

카드 순서 바꾸는 것은, 저도 사이드바 대시보드 순서 바꿀 수 없을까 생각해봤는데, 서버 도움 없이는 어려울 것 같습니다.. 어차피 서버에서 반영되지 않기 때문에 다른 컬럼으로 이동만 가능하게 하고 로컬에서도 순서 안 바뀌는 게 나을 것 같습니다..ㅠㅠ (드래그는 할 수 있지만, 드래그한 위치로 옮겨지지 않고 컬럼만 바뀌며 컬럼 내 서버에서 주는 위치에 머물도록?)

[wayandway]

한 컬럼 내 카드 DnD 기능 삭제했습니다! devlop 브랜치 반영 후 머지시키겠습니다!