목록으로
생활 속 AI 활용
여행 경비 정산 앱을 Claude Code와의 대화만으로 기획부터 UI, Firebase 연동까지 구현한 바이브 코딩 사례
👤 초록사자503 📅 2026-08-20 👁 조회 59
TripPay는 여행 경비 정산 앱을 Claude Code와의 대화만으로 기획부터 UI, Firebase 연동까지 구현한 바이브 코딩 사례입니다
① 어떤 상황에서 AI를 활용했나요?
친구들과 여행 갈 때마다 각자 쓴 돈을 카톡·엑셀로 일일이 정리하고 누가 누구에게 얼마를 보내야 하는지 계산하는 게 번거로웠던 상황
② 어떤 AI를 어떻게 활용했나요?
Claude Code와 대화만으로 기획부터 화면(UI), 그룹 생성·실시간 동기화(Firebase) 로직, 배포까지 진행 — 코드를 직접 짜지 않고 "이런 기능이 필요하다"고 요청하고 결과를 확인하며 만듦
③ 활용 결과 어떤 변화가 있었나요?
그룹을 만들고 지출만 입력하면 총 지출·1인당 부담금·누가 누구에게 얼마를 보내야 하는지까지 자동 계산되는 웹앱(TripPay)이 완성되어 실제 여행에서 바로 쓸 수 있게 됨. 기본 틀을 만들고 이후에 부족한 부분을 보완해 가는 과정에서 클로드코드의 도움을 받아서 여러 그룹에서 사용할 수 있게 그룹 기능도 넣고, 관리자기능도 추가하고 Firebase의 데이터베이스기능도 추가하고 Netlify로 배포까지 하는 앱을 만들고 배포하는 흐름 전과정을 익힐 수 있었음
④ 나만의 방식 또는 개선 포인트는 무엇인가요?
설치나 회원가입 없이 링크 하나로만 공유되게 만들었고, 여행이 끝나면 그룹 데이터를 깔끔하게 삭제할 수 있는 기능까지 넣어 "한 번 쓰고 버리는" 정산용 앱으로 설계. 나 혼자만 사용하는 게 아니고 여행친구들이 같이 사용할 수 있고, 또 다른 그룹도 사용할 수 있게 만들었음
⑤ 다른 사람도 따라 할 수 있나요?
개발 지식이 없어도 Claude Code에 "여행 경비 정산 앱 만들어줘" 정도로 요청하고 대화로 다듬어가면 비슷한 결과물을 만들 수 있음. 전체 틀만 만들고 나서 부족한 부분을 계속해서 질문하면서 보완할 수 있어서 누구나 앱을 만들 수 있다는 자신감을 얻을수 있음
← 목록