목록으로
생활 속 AI 활용
링크 하나로 끝내는 여행 정산, AI가 만든 Trip Pay
링크 하나로 끝내는 여행 정산, AI가 만든 Trip Pay
🤖 활용 AI 도구
Gemini, Claude
Trip Pay: 여행 경비 정산 앱 제작
1. 어떤 상황에서 AI를 활용했나요?
친구들과 여행을 다녀올 때마다 경비 정산 문제가 항상 불편했습니다. 누가 얼마를 냈는지 메모장에 기록하고, 귀국 후 엑셀로 계산해서 카카오톡으로 공유하는 과정이 번거로웠습니다. 특히 여행 중에 실시간으로 지출을 입력하고 멤버 전원이 동시에 확인할 수 있는 도구가 없었습니다. 앱스토어에서 정산 앱을 찾아봤지만 기능이 복잡하거나 광고가 많아 불편했고, 우리 여행에 딱 맞는 간단한 도구를 직접 만들고 싶었습니다.
2. 어떤 AI를 어떻게 활용했나요?
① 구글 제미나이(Gemini) Canvas — 초기 설계 및 기본 코드 생성
"여행 멤버별로 지출을 입력하고 자동으로 정산해주는 모바일 웹앱을 만들어줘"라고 요청해 전체 구조와 초기 코드를 생성했습니다. 한국 원·일본 엔·달러·유로 등 통화 선택 기능, 멤버 추가 기능, 지출 내역·정산 탭 구성을 대화로 구체화했습니다.
② 클로드(Claude) — 기능 고도화 및 실시간 동기화 구현
처음에는 html로 만들어서 공유를 했는데 입력한 금액이 앱을 닫으면 저장이 되지 않았고 한사람만 일회용으로만 사용할 수가 있어 실용성이 없었습니다. 그래서 클로드로 다시 바이브 코딩 말로 수정작업을 요청했습니다. 저장이 되도록 해 주고, 동시에 접속해서 입력하고 확인할 수 있게 해 달라고 개선사항을 입력하고 완료했습니다. 또 다른 문제점이 보였습니다. 한팀 친구들만 사용이 가능해서 다른 팀 친구들도 사용하게 해주면, 기존 정보를 덮어버리는 단점이 있었습니다. 그래서 또다시 클로드에게 수정요청, 그룹을 만들어서 사용가능하다 답변을 받고 클로드 지시에 따라서 Firebase에서 작업하고 링크로 바로 실시간 접속할 수 있도록 netlify에 업로드까지 완료. 아이콘으로 홈화면에 꺼내었더니 아이콘이 못생겨서, 또다시 클로드에게 요청애서 pwa 설정까지 진행해서 최종적으로 스마트폰 홈 화면에 예쁜 아이콘으로 보이게 해서 사용하는데 성공했습니다.
Firebase 실시간 데이터베이스 연동 코드를 추가해, 링크 하나로 멤버 전원이 같은 화면을 실시간으로 공유하는 기능을 구현
PWA(Progressive Web App) 설정을 추가해 스마트폰 홈 화면에 앱처럼 설치할 수 있도록 개선
"누가 누구에게 얼마를 송금해야 하는지" 최소 이체 횟수로 계산하는 정산 알고리즘도 AI와 대화하며 완성했습니다.
3. 활용 결과 어떤 변화가 있었나요?
완성된 Trip Pay는 그룹을 만들고 링크를 공유하면 여행 멤버 누구나 스마트폰에서 바로 실행할 수 있습니다. 여행 중 지출이 생길 때마다 실시간으로 입력하면 정산 탭에서 "민지 → 서연에게 23,000원 송금" 처럼 명확한 안내가 자동으로 나타납니다. 귀국 후 복잡한 계산 없이 송금 안내만 보고 바로 이체하면 정산이 끝납니다. 코딩 경험 없이 AI와의 대화만으로 앱스토어 등록 없이도 쓸 수 있는 나만의 앱을 완성할 수 있었습니다.
4. 나만의 방식 또는 개선 포인트는 무엇인가요?
두 AI를 역할 분담해서 활용한 것이 핵심입니다. 제미나이로 전체 구조와 UI를 빠르게 잡은 뒤, 클로드에게 "Firebase로 실시간 동기화 기능을 추가해줘", "PWA로 설치 가능하게 해줘"처럼 구체적인 기능 개선을 요청하며 단계적으로 완성도를 높였습니다. 또한 단순한 계산기에 그치지 않고, 설치 불필요(링크만으로 실행), 실시간 동기화, 오프라인 캐시 지원, 관리자 페이지 등 실제 여행 상황에서 필요한 기능을 하나씩 추가한 것이 나만의 개선 포인트입니다.
5. 다른 사람도 따라할 수 있나요?
네, 따라할 수 있습니다. 제미나이나 클로드에 "○○○ 기능을 하는 모바일 웹앱 만들어줘"라고 입력하는 것이 시작입니다. 생성된 HTML 파일 하나를 저장해 스마트폰 브라우저로 열면 바로 실행됩니다. 자동저장이나 링크생성등을 하려면 계속해서 ai와 진행해서 기능을 확장할 수 있습니다. 코딩 지식은 필요 없으며, 원하는 기능을 말로 설명하면 AI가 코드를 수정해 줍니다. 경비 정산 외에도 회식 더치페이 계산기, 동아리 회비 관리, 가족 용돈 기록 앱 등 일상의 다양한 불편함을 같은 방법으로 해결할 수 있습니다.
1. 어떤 상황에서 AI를 활용했나요?
친구들과 여행을 다녀올 때마다 경비 정산 문제가 항상 불편했습니다. 누가 얼마를 냈는지 메모장에 기록하고, 귀국 후 엑셀로 계산해서 카카오톡으로 공유하는 과정이 번거로웠습니다. 특히 여행 중에 실시간으로 지출을 입력하고 멤버 전원이 동시에 확인할 수 있는 도구가 없었습니다. 앱스토어에서 정산 앱을 찾아봤지만 기능이 복잡하거나 광고가 많아 불편했고, 우리 여행에 딱 맞는 간단한 도구를 직접 만들고 싶었습니다.
2. 어떤 AI를 어떻게 활용했나요?
① 구글 제미나이(Gemini) Canvas — 초기 설계 및 기본 코드 생성
"여행 멤버별로 지출을 입력하고 자동으로 정산해주는 모바일 웹앱을 만들어줘"라고 요청해 전체 구조와 초기 코드를 생성했습니다. 한국 원·일본 엔·달러·유로 등 통화 선택 기능, 멤버 추가 기능, 지출 내역·정산 탭 구성을 대화로 구체화했습니다.
② 클로드(Claude) — 기능 고도화 및 실시간 동기화 구현
처음에는 html로 만들어서 공유를 했는데 입력한 금액이 앱을 닫으면 저장이 되지 않았고 한사람만 일회용으로만 사용할 수가 있어 실용성이 없었습니다. 그래서 클로드로 다시 바이브 코딩 말로 수정작업을 요청했습니다. 저장이 되도록 해 주고, 동시에 접속해서 입력하고 확인할 수 있게 해 달라고 개선사항을 입력하고 완료했습니다. 또 다른 문제점이 보였습니다. 한팀 친구들만 사용이 가능해서 다른 팀 친구들도 사용하게 해주면, 기존 정보를 덮어버리는 단점이 있었습니다. 그래서 또다시 클로드에게 수정요청, 그룹을 만들어서 사용가능하다 답변을 받고 클로드 지시에 따라서 Firebase에서 작업하고 링크로 바로 실시간 접속할 수 있도록 netlify에 업로드까지 완료. 아이콘으로 홈화면에 꺼내었더니 아이콘이 못생겨서, 또다시 클로드에게 요청애서 pwa 설정까지 진행해서 최종적으로 스마트폰 홈 화면에 예쁜 아이콘으로 보이게 해서 사용하는데 성공했습니다.
Firebase 실시간 데이터베이스 연동 코드를 추가해, 링크 하나로 멤버 전원이 같은 화면을 실시간으로 공유하는 기능을 구현
PWA(Progressive Web App) 설정을 추가해 스마트폰 홈 화면에 앱처럼 설치할 수 있도록 개선
"누가 누구에게 얼마를 송금해야 하는지" 최소 이체 횟수로 계산하는 정산 알고리즘도 AI와 대화하며 완성했습니다.
3. 활용 결과 어떤 변화가 있었나요?
완성된 Trip Pay는 그룹을 만들고 링크를 공유하면 여행 멤버 누구나 스마트폰에서 바로 실행할 수 있습니다. 여행 중 지출이 생길 때마다 실시간으로 입력하면 정산 탭에서 "민지 → 서연에게 23,000원 송금" 처럼 명확한 안내가 자동으로 나타납니다. 귀국 후 복잡한 계산 없이 송금 안내만 보고 바로 이체하면 정산이 끝납니다. 코딩 경험 없이 AI와의 대화만으로 앱스토어 등록 없이도 쓸 수 있는 나만의 앱을 완성할 수 있었습니다.
4. 나만의 방식 또는 개선 포인트는 무엇인가요?
두 AI를 역할 분담해서 활용한 것이 핵심입니다. 제미나이로 전체 구조와 UI를 빠르게 잡은 뒤, 클로드에게 "Firebase로 실시간 동기화 기능을 추가해줘", "PWA로 설치 가능하게 해줘"처럼 구체적인 기능 개선을 요청하며 단계적으로 완성도를 높였습니다. 또한 단순한 계산기에 그치지 않고, 설치 불필요(링크만으로 실행), 실시간 동기화, 오프라인 캐시 지원, 관리자 페이지 등 실제 여행 상황에서 필요한 기능을 하나씩 추가한 것이 나만의 개선 포인트입니다.
5. 다른 사람도 따라할 수 있나요?
네, 따라할 수 있습니다. 제미나이나 클로드에 "○○○ 기능을 하는 모바일 웹앱 만들어줘"라고 입력하는 것이 시작입니다. 생성된 HTML 파일 하나를 저장해 스마트폰 브라우저로 열면 바로 실행됩니다. 자동저장이나 링크생성등을 하려면 계속해서 ai와 진행해서 기능을 확장할 수 있습니다. 코딩 지식은 필요 없으며, 원하는 기능을 말로 설명하면 AI가 코드를 수정해 줍니다. 경비 정산 외에도 회식 더치페이 계산기, 동아리 회비 관리, 가족 용돈 기록 앱 등 일상의 다양한 불편함을 같은 방법으로 해결할 수 있습니다.
