개발/여행 플래너 (가제)

개발/여행 플래너 (가제)

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)..

개발/여행 플래너 (가제)

MVP 개발기 #2 | google-place-api

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

개발/여행 플래너 (가제)

MVP 개발기 #1 | 서비스 소개

개요 저는 J 라서 여행을 가기 전에 미리 계획을 세워놓는데요. 시간을 효율적으로 사용하기 위해 장소를 지도로 확인하고, 장소끼리의 거리를 보고 동선을 짭니다. 다만 이 과정에서 시중에 나와있는 다른 어플 or 웹 플래너 서비스를 사용해 본 결과. 블로그에서 장소를 보고, 지도에 검색하고, 일정에 추가하는 과정들이 복잡했기 때문에 계획을 세우는데 오랜 시간이 걸렸습니다. (4박 5일 계획에 3일씩 걸렸던 것 같아요.😣) 기존 플랫폼에선 커뮤니티나 광고, 추천 등의 콘텐츠로 인해 그러한 UX 가 나왔다고 생각했고 서비스의 본질을 찾아 (개발하기도 귀찮기 때문에) 최소한의 기능으로 여행 계획을 빠르게 세울 수 있는 서비스를 만들고자 하였습니다. 슬로건은 P도 짤수있는 여행계획이에요. 실제로 해당 서비스로 계..

히히낙락 0.0
'개발/여행 플래너 (가제)' 카테고리의 글 목록