반응형
Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | ||||||
| 2 | 3 | 4 | 5 | 6 | 7 | 8 |
| 9 | 10 | 11 | 12 | 13 | 14 | 15 |
| 16 | 17 | 18 | 19 | 20 | 21 | 22 |
| 23 | 24 | 25 | 26 | 27 | 28 |
Tags
- 유후인 야마다야 료칸
- 후쿠오카
- 미아리조트
- 아메드 다이빙
- 회고
- 여행 플래너
- 나트랑 여행
- 캐나다워홀
- 괌 관광지
- 깜란 리조트
- 개발기
- 유후인 여행
- 캐나다라이프
- 발리여행
- 괌 여행지
- 유후인 료칸
- 발리숙소
- 발리 가성비 호텔
- 괌 남부투어
- 샌달스레스토랑
- 발리 다이빙
- 나트랑 마사지
- 나트랑
- 나트랑 리조트
- 발리
- 야마다야 료칸 후기
- 발리 숙소
- ATM 출금
- 발리 아메드
- 발리 여행
Archives
- Today
- Total
목록Drag and Drop (1)
히히낙락
MVP 개발기 #3 | react-beautiful-dnd
#2에서는 검색 플로우에 대해 설명했었습니다. 이번에 말씀드릴 내용은 드래그 & 드롭 정렬에 대한 건데요. 현재 개발한 플래너에는 드래그 & 드롭 정렬이 구현되어 있습니다. 사용한 모듈은 react-beautiful-dnd 인데요. 구현하는 과정은 그렇게 beautiful 하지 않았습니다. 크게 이유는 두 가지인데요. 우선. 해당 기능을 구현하기 위해서 필수적으로 필요한 구조는 아래와 같습니다. 소스코드로 표현하면 아래와 같습니다. import { DragDropContext, DragUpdate, DropResult, Draggable, Droppable } from "react-beautiful-dnd"; endAction(result)} onDragUpdate={(result: DragUpdate)..
개발/여행 플래너 (가제)
2023. 3. 14. 18:02