카풀 미터기 - 택시 요금 분담 계산기 웹앱

프로젝트 소개

요즘 유행하는 카풀 미터기 앱을 보고 저도 만들어 봤습니다.

지인들이나 직장 동료들과 카풀할 때, 기름값이나 톨비 정산하기 애매했던 경험 다들 한 번쯤은 있으시죠? 매번 계산기를 두드리기도 번거롭고, 돈 달라고 말하기도 민망할 때 유쾌하게 넘길 수 있도록 카풀 미터기 웹 앱을 기획 및 개발해 보았습니다.

아직 테스트 중이지만, 개발 과정에서 경험한 재미있는 기술적 이슈들과 해결 과정을 공유해 보고자 합니다.

기획 의도: "진짜 택시 미터기 갬성을 살리자!"

기존 앱 마켓에 있는 카풀 앱들은 디자인이 너무 차갑고 딱딱한 계산기 같았습니다. 그래서 한국인이라면 누구나 익숙한 아날로그+디지털 택시 미터기 디자인을 차용하여 CSS로 그대로 구현했습니다. (양옆의 납봉 씰 디테일까지 살려봤습니다 ㅎㅎ)

또한, 잠깐 쓰는 유틸리티 앱을 위해 앱 스토어 설치를 유도하는 것은 허들이 높다고 판단하여, 브라우저로 접속만 하면 즉시 실행되는 단일 페이지 애플리케이션(SPA) 형태로 개발했습니다.

주요 기능

• 구간별 요금 계산: 각 탑승자의 승차/하차 지점을 입력하여 구간별 요금 자동 계산
• 공정한 분담: 탑승 구간 길이에 비례한 요금 분담 알고리즘 적용
• 실시간 계산: 미터기 요금 입력 시 즉시 개인별 부담 금액 표시
• 간편한 UI: 직관적인 인터페이스로 누구나 쉽게 사용 가능
• 모바일 최적화: 택시 안에서도 편리하게 사용할 수 있는 반응형 디자인

기술적 특징

• 경량화된 웹 애플리케이션으로 빠른 로딩 속도 제공
• PWA(Progressive Web App) 지원으로 앱처럼 사용 가능
• 별도의 회원가입 없이 즉시 사용 가능한 접근성
• 클라이언트 사이드 연산으로 개인정보 보호

사용 방법

https://carpool.swnest.net 에 접속하여 탑승 인원과 각자의 구간, 총 요금을 입력하면 자동으로 분담 금액이 계산됩니다.