트렐로 클론코딩
-
[react-beautiful-dnd] 칸반보드 만들기, react-beautiful-dnd 상세설명프론트엔드 개발자가 될거야./라이브러리 2023. 1. 7. 16:11
노마드 코더 강의를 들으며 react-beautiful-dnd 라이브러리를 이용하여 칸반보드를 만들었다! 간단한 메모기능이 있고 메모를 다른 칸반보드로 옮길 수 있다. 추후 로컬스토리지에 저장 및 로드 기능, 삭제기능, 칸반보드 생성 기능도 추가할 것이다!! 이 게시물에는 칸반보드를 만들면서 알게 된 react-beautiful-dnd에 대해 정리해보려고 한다. react-beautiful-dnd npm i react-beautiful-dnd npm i --save-dev @types/react-beautiful-dnd // 타입스크립트라면 install 필요! DragDropContext 드래그 앤 드롭을 가능하게 하고 싶은 앱의 한 부분이다. - onDragEnd 함수 : 유저가 드래그를 끝낸 시점에..