react dnd 썸네일형 리스트형 [React.js + TypeScript] react-dnd 안쓰고 드래그앤 드랍 구현하기 간단한 재정렬 기능을 가진 todolist이다.이동 시 해당 아이템이 마우스 커서를 따라오도록 구현:draggingItem 상태를 추가하여 현재 드래그 중인 아이템을 추적합니다.드래그 중인 아이템의 복사본을 마우스 커서 위치에 표시합니다.이동 시 커서가 e-resize 모양이 되도록 변경:각 todo 아이템에 cursor-e-resize 클래스를 추가했습니다.메뉴 목록을 가로로 나열하고 left-align 정렬: 요소에 flex flex-wrap gap-2 items-start 클래스를 적용하여 가로 정렬과 왼쪽 정렬을 구현했습니다.추가한 글자 길이에 맞게 아이템의 너비가 fit되도록 변경:각 요소에 inline-block 클래스를 추가하여 내용에 맞게 너비가 조정되도록 했습니다.드래그 중인 아이템의 .. 더보기 이전 1 다음
