목록여행 플래너 (2)

히히낙락

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
MVP 개발기 #2 | google-place-api

#1에서 서비스의 기획 의도와 간단한 설명을 진행했는데요. 기본 서비스의 구조는 구글 지도를 활용하여 일정을 손쉽게 짜는 것이라 구글 지도에 등록되어있는 업체의 정보를 불러오기 위해서 Google Place API 사용이 필수적이였습니다. 하지만 이 때문에 큰 문제에 부딪히게 되었는데... 문제 구글 API 가 비쌈 (너무) Readonly Developer 더보기 Full Text Search 를 지원하는 Place API 는 무료이나. response 가 id 밖에 오지 않아 업체 정보 조회를 위해서는 단건 조회를 다시 해야 하는 문제가 있다. 카테고리 검색, 업체 location 정보 등 부가적인 기능/정보 가 필요하였기 때문에 Text Search Pricing으로 갈수밖에 없었음. 너무너무 비싸..
개발/여행 플래너 (가제) 2023. 3. 14. 15:41
이전 Prev 1 Next 다음