
오늘은 실제 프로젝트에 적용한 React DnD에 대해 설명하고자 블로그를 쓰게 되었습니다. 이번 글에서는 react-dnd를 사용하여 칸반보드에서 이슈를 드래그하고 보드 간에 이동하는 기능을 구현하는 방법을 설명하겠습니다. (드래그 앤 드롭에 대한 설명은 전 포스트에 자세히 작성되어있습니다 !! ) 1. 프로젝트 구조간략한 프로젝트 구조는 다음과 같습니다BoardList ├── Board │ ├── BoardHeader │ ├── BoardContent │ │ ├── Issue │ ├── AddItemButton 각 컴포넌트의 역할:BoardList: 여러 개의 Board를 포함하는 최상위 컨테이너Board: 하나의 칸반 보드를 나타내며, 이슈 목록을 관리B..