Dev: feat-chat-dnd : react-dnd사용 DND를 통한 파일,폴더 소속 변경 구현 (순서 x)

[ABizCho]

핵심: 프론트/백엔드 전반적으로 folder관련 구조 및 기능구현 로직을 변경했습니다.
아직 순서 변경은 유효하지 않습니다. 다만, 이를 위한 folder 구조를 재편했습니다.

점검 후 전반적으로 리팩토링을 해야할 것 같습니다.

---

• 유저 folders 엔티티에 JSON으로 관리하는 방식으로 변경함에 따른 작업입니다.
• 왜? 1 : 단일 페이지에서 사용되는 폴더 기능을 위해 과도한 조인 및 관계가 존재했음
• 왜? 2 : state에서 폴더 및 포스트 순서를 저장된 순서로 관리하여 그대로 서버에 저장하면 불필요한 chatpost 및 folder가 가졌던 order필드를 사용하지 않고 더 편하게 관리 가능 등

1. 드래그앤드랍 사용 라이브러리 및 구현방식 변경

   • 직전 chatSideBar에서 한번에 작성된 react-beautiful-dnd 제거, react-dnd 모듈화 적용
   • recoil로 folderWithChatposts 상태를 관리 (드래그앤드랍 핵심로직 포함)

2. getFoldersByUser는 그대로 유지(서버의 응답값은 동일), putFoldersByUser` 구현

   • put은 드래그앤드랍 발생 시마다 Container 컴포넌트에서 수행
   • put: 상태로 유지하는 FoldersWithPosts를 JSON으로 유저 필드에 저장(overwrite)

3. 기반작업 & 부수작업

   • utils/folder.ts: 폴더-포스트 관련 시리얼라이저 & 리스트럭트 함수 구현, 활용
   • PUT 요청자 구현: Axios로 추가, POST와 전반적으로 비슷, params도 옵셔널 인자로 존재
   • useDidMountEffects 커스텀 훅 추가 : 첫 마운트 시는 Effect가 발생하지 않는 훅
   • 기타 side effects task에 해당하는 interfaces 수정 등 부수작업.

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
ganoverflow	✅ Ready (Inspect)	Visit Preview	💬 1 unresolved	Jul 17, 2023 2:22pm
ganoverflow-front	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jul 17, 2023 2:22pm

[ABizCho]

category 수정분과 충돌 해결 후 재 PR 보내겠습니다!