react-beautiful-dnd React로 쉽게 드래그 앤 드롭 리스트를 만들 수 있도록 도와주는 패키지이다. npm i react-beautiful-dnd npm i --save-dev @types/react-beautiful-dnd DragDropContext DragDropContext는 드래그 앤 드롭을 가능하게 하고자 하는 영역을 감싸주는 컨테이너이다. 자식 컴포넌트와 드래그를 끝낸 시점에 불려지는 함수인 onDragEnd라는 prop이 필수로 들어간다. Droppable Droppable은 유저가 어떤 것을 드롭할 수 있는 영역을 의미하며, droppableId라는 prop과 함수 형식의 자식 요소를 필수로 넣어줘야한다. Droppable의 자식 요소에 전달되는 magic이라고 불리는 p..
