일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 29 | 30 | 31 |
- 발리 다이빙
- 회고
- 나트랑
- 샌달스레스토랑
- 발리
- 깜란 리조트
- 나트랑 리조트
- 캐나다워홀
- 캐나다라이프
- 미아리조트
- 야마다야 료칸 후기
- 괌 남부투어
- 나트랑 마사지
- 발리 아메드
- 아메드 다이빙
- 여행 플래너
- ATM 출금
- 발리숙소
- 발리 가성비 호텔
- 괌 관광지
- 발리 숙소
- 발리여행
- 괌 여행지
- 유후인 야마다야 료칸
- 후쿠오카
- 유후인 료칸
- 유후인 여행
- 발리 여행
- 나트랑 여행
- 개발기
- Today
- Total
목록여행 플래너 (2)
히히낙락
#2에서는 검색 플로우에 대해 설명했었습니다. 이번에 말씀드릴 내용은 드래그 & 드롭 정렬에 대한 건데요. 현재 개발한 플래너에는 드래그 & 드롭 정렬이 구현되어 있습니다. 사용한 모듈은 react-beautiful-dnd 인데요. 구현하는 과정은 그렇게 beautiful 하지 않았습니다. 크게 이유는 두 가지인데요. 우선. 해당 기능을 구현하기 위해서 필수적으로 필요한 구조는 아래와 같습니다. 소스코드로 표현하면 아래와 같습니다. import { DragDropContext, DragUpdate, DropResult, Draggable, Droppable } from "react-beautiful-dnd"; endAction(result)} onDragUpdate={(result: DragUpdate)..
#1에서 서비스의 기획 의도와 간단한 설명을 진행했는데요. 기본 서비스의 구조는 구글 지도를 활용하여 일정을 손쉽게 짜는 것이라 구글 지도에 등록되어있는 업체의 정보를 불러오기 위해서 Google Place API 사용이 필수적이였습니다. 하지만 이 때문에 큰 문제에 부딪히게 되었는데... 문제 구글 API 가 비쌈 (너무) Readonly Developer 더보기 Full Text Search 를 지원하는 Place API 는 무료이나. response 가 id 밖에 오지 않아 업체 정보 조회를 위해서는 단건 조회를 다시 해야 하는 문제가 있다. 카테고리 검색, 업체 location 정보 등 부가적인 기능/정보 가 필요하였기 때문에 Text Search Pricing으로 갈수밖에 없었음. 너무너무 비싸..