티스토리 뷰
플리 순서 변경 드래그 앤 드롭 너무 어렵다!!!
대체 난 왜 때문에 DB설계를 배열로 했을까... 이제 와서 뒤엎자니 나뿐 아니라 팀원들 코드까지 전부 수정해야 하니 다른 방법을 찾아봐야겠다
아래는 드래그 앤 드롭을 라이브러리 없이 하려 했는데 굳이?라는 얘기를 듣고 추천받은 라이브러리 나중에 참고해 봐야겠다
DnD Kit
드래그 앤 드롭 라이브러리 공식문서
https://docs.dndkit.com/api-documentation/draggable
Draggable | @dnd-kit – Documentation
For performance reasons, we strongly recommend you use the transform CSS property to move your draggable item on the screen, as other positional properties such as top, left or margin can cause expensive repaints. Learn more about CSS transforms.
docs.dndkit.com
참고 블로그
React 라이브러리 없이 drag and drop 기능 구현하기
원티드X코드스테이츠 프리온보딩 코스를 진행하는 중인데, 이번 기업 과제에서 drag and drop 기능 구현을 담당하였습니다.라이브러리를 사용하면 손쉽게 구현이 가능하겠지만, 시간적 여유도 있
velog.io
'TIL > 최종프로젝트' 카테고리의 다른 글
| [최종프로젝트] 플레이리스트 드래그 앤 드롭 인덱스 변경 로컬스토리지 저장 완료 (0) | 2024.04.27 |
|---|---|
| [최종프로젝트] 플레이 리스트 인덱스 변경 드래그앤 드롭 (세션 저장안됨) (0) | 2024.04.26 |
| [최종프로젝트] 드래그 앤 드롭 플레이리스트 추가 (dataTransfer.setData) (0) | 2024.04.23 |
| [최종프로젝트] 재생중인 노래 삭제 시 상태 반영 (0) | 2024.04.18 |
| [최종프로젝트] 테일윈드 (tailwind CSS) (0) | 2024.04.16 |