FE/Next.js
[Next.js] React-DnD with TypeScript
최근에 Drag and Drop(DnD) 기능을 직접 만들기를 시도했었다. 하지만 생각보다 고려해야 할 사항들이 많았고, 그렇게 삽질해서 만들어진 결과물은 완성도가 너무나도 부족했다...😂 싸늘하다.. 가슴에 비수가 날아와 꽂힌다.. 하지만 걱정하지마라. 라이브러리는 우리보다 빠르니까. 결국 기존에 작업하던 코드를 삭제하고 구글링을 통해 참고할만한 글을 찾던 중 DnD 기능을 제공해주는 라이브러리가 있다는 것을 알게 되었다. 그래서 오늘은 라이브러리로 DnD 기능을 구현하는 예제를 만들어보려고 한다. 0. DnD Library 먼저 React 환경에서 DnD 기능을 제공해주는 라이브러리는 대표적으로 3개가 있다. 라이브러리 각각의 특징을 간단하게 정리하면 다음과 같다. react-draggable rea..
