Show GN: 마카오셔틀 : 마카오의 무료 셔틀버스를 이용한 경로 안내 서비스
(macaoshuttle.com)- 뭐하는 서비스인가요?
- '마카오셔틀'은 마카오의 호텔들에서 운영중인 무료 셔틀버스 노선들을 이용한 경로 안내 서비스입니다.
- 왜 만들었나요?
- 마카오에는 많은 호텔(카지노)들이 주요 지역을 연결하는 무료 셔틀버스 노선들을 운영합니다. 마카오를 여행할 때 이 정보를 잘 이용하면, 한 푼도 쓰지 않고 원하는 지역으로 이동할 수도 있습니다.
- 그런데, 무료 셔틀버스 정보가 한 곳에 모여있는 곳을 찾아봐도 없었습니다. 셔틀버스를 이용한 경로를 확인하려면, 네이버와 구글과 호텔 사이트를 오가며 바삐 검색해야했습니다. 검색한 정보가 유효한지 검증하는건 덤이구요.
- 그래서 어떻게 쓸 수 있나요?
- 첫째. 출발지와 목적지를 지도에서 또는 검색해서 선택합니다.
- 둘째. 요일 및 시간대를 선택하고 검색합니다.
- 셋째. 선택을 완료함과 동시에 셔틀버스와 도보를 이용하는 상세 경로를 안내받습니다.
- 그럼 이건 뭘로 만들었나요?
- 공통점 : DB 구조 설계 / 백엔드 구현 / 프론트엔드 코드 구현 모두 바이브코딩으로 달성했습니다. 당장 5개국어를 구현하기 위해서라도 AI의 도움이 필요했습니다.
- 백엔드 : NestJS를 통해 구현했습니다.
- DB: Supabase를 통해 Postgresql을 사용했는데, pgRouting과 postgis를 애드온으로 사용할 수 있어서 좋았습니다.
- 프론트엔드 : NextJS를 통해 구현했습니다. 이 부분은 제가 거의 몰라서 제미니/챗GPT/클로드를 번갈아가며 괴롭혔습니다.
- CI/CD : Github Action을 이용해서 프론트엔드는 Vercel에, 백엔드는 AWS ECS에 자동 배포되도록 했습니다.
- 마무리하며
- 본래 프론트엔드쪽에 무지한, 그렇다고 백엔드를 잘 아는 것도 아닌 개발자가 바이브코딩으로 모두 만들어낸 것입니다.
- 그렇기에 필요한 것이 있다면, 두려움 없이 만들어낼 수 있다는 것이 바이브코딩의 매력이라 생각하며 만들었습니다.
- 물론 세세하게 들어가면 결국에는 1인 개발이기 때문에, 부족한 점이 많을 것입니다.
- 그렇기에 질문이나 피드백은 언제든지 환영합니다!
- 여기까지 읽어주셔서 정말 감사합니다. 들숨에 클린 코드, 날숨에 PR 승인이 있으시길 기원합니다.
마카오에 거주하지는 않구요.
이전에 마카오에 여행갔다가 셔틀버스 정보를 생각보다 어렵게 접하게 되어
불편하다고 느껴서 만들게 되었습니다.