바이브코딩으로 5분만에 만드는 ‘하루 지출 자동 정리 도구’ (초보자 실전)

지출 정리는 늘 하려고만 했습니다

가계부를 써보겠다고 다짐한 적은 여러 번 있었습니다. 처음 며칠은 열심히 기록하다가도, 어느 순간부터는 귀찮아져서 멈추게 되었습니다. 앱을 깔아보기도 하고 엑셀을 열어보기도 했지만, 오래 가지는 못했습니다.
특히 기록 항목이 많아질수록 부담이 커졌고, 빠뜨린 날이 생기면 다시 시작하기가 더 어려워졌습니다.

그러다 바이브코딩을 접하면서 생각이 조금 바뀌었습니다. “완벽한 가계부”가 아니라, 오늘 쓴 돈만 간단히 정리하는 도구라면 가능하겠다는 생각이 들었습니다. 매일 써야 하는 도구일수록, 기능은 적을수록 좋다는 결론에 이르렀습니다.

복잡한 가계부 대신 ‘하루 지출’만 정했습니다

처음부터 월별 통계나 그래프를 만들려고 하면 오히려 시작조차 어렵습니다. 그래서 목표를 아주 단순하게 잡았습니다.
오늘 쓴 지출 항목과 금액을 입력하면, 하루 총지출만 자동으로 계산해주는 도구입니다.

이렇게 범위를 줄이니 “이건 내가 계속 쓸 수 있겠다”는 느낌이 들었습니다. 바이브코딩 초보자에게 가장 중요한 것은, 한 번 쓰고 끝나는 결과물이 아니라 계속 써볼 수 있는 작은 성공 경험이라고 느꼈습니다.

입력 → 처리 → 출력으로 구조부터 정리해봅니다

8회차에서 정리한 [바이브코딩이 쉬워지는 3단계 사고법]을 그대로 적용했습니다. 막연한 아이디어를 바로 요청하지 않고, 구조부터 정리하는 과정이 핵심이었습니다.

입력: 사용자가 직접 적는 정보

입력은 두 가지만 필요했습니다.
첫째는 지출 항목, 둘째는 금액입니다.
커피인지, 식비인지 구분하는 정도면 충분하다고 생각했습니다.
항목을 세분화하지 않은 것도, 오래 쓰기 위한 선택이었습니다.

처리: 입력값으로 할 일

처리는 단순합니다.
입력된 금액들을 모두 더해서 하루 총지출을 계산합니다.
여기서 욕심을 내지 않고 “합계만 계산한다”로 정리한 것이 오히려 도움이 되었습니다.
처리가 단순할수록 오류도 줄고, 수정도 쉬웠습니다.

출력: 결과를 보여주는 방식

출력은 숫자를 그대로 보여주는 대신,
“오늘 총지출은 ○○원입니다”처럼 문장으로 표시하도록 했습니다.
문장 형태의 출력은 결과를 한 번 더 인식하게 만드는 효과가 있었습니다.

실제로 이렇게 프롬프트를 구성했습니다

막연히 “지출 계산기 만들어줘”라고 쓰는 대신,

"오늘 하루 지출을 관리하는 아주 심플한 도구를 만들어줘."

  1. 입력: '지출 항목'을 입력하는 칸과 '금액'을 입력하는 칸, 그리고 '기록하기' 버튼을 만들어줘.

  2. 처리: '기록하기' 버튼을 누르면 입력한 내용이 아래에 목록으로 추가되고, 입력된 모든 금액을 실시간으로 합산해줘.

  3. 출력: 목록 최하단에 "오늘 총지출은 [합계금액]원입니다"라고 크고 굵은 글씨로 표시해줘.

  4. 디자인: 50대가 보기 편하게 글자 크기는 조금 크게 하고, 전체적으로 깔끔한 화이트와 그레이 톤으로 디자인해줘.

입력, 처리, 출력을 문장으로 나눠서 설명했습니다.
이렇게 구조를 정리하니 결과물이 훨씬 안정적으로 나왔고, 수정 요청도 줄었습니다.
"바이브코딩(Vibe Coding)을 통해 구현한 하루 지출 정리 도구의 모바일 UI 실행 화면. 지출 항목과 금액 입력 필드, 추가 버튼, 그리고 하단에 '오늘 총지출은 00원입니다'라고 크게 표시되는 직관적인 사용자 인터페이스 이미지"

특히 초보자일수록, 기능 설명보다 흐름 설명이 더 중요하다는 점을 체감했습니다. 무엇을 누르면 무엇이 나오는지를 순서대로 적는 것만으로도 결과가 달라졌습니다.

사용해보며 느낀 의외의 효과

이 도구를 며칠 써보니, 지출을 줄이겠다는 목표보다도 돈을 인식하게 되는 효과가 컸습니다.
숫자를 직접 입력하고 합계를 보는 과정 자체가 생각보다 강력했습니다.

또한 기록이 쌓이지 않아도 부담이 없다는 점이 좋았습니다. 하루를 놓쳐도 다음 날 다시 쓰기 쉬웠고, 이 점이 오히려 습관으로 이어졌습니다.

초보자에게 이 방식이 좋은 이유

이 방식은 코드를 몰라도 적용할 수 있습니다.
어떤 AI 도구를 쓰든 그대로 활용 가능합니다.
무엇보다, 실패해도 다시 고치기 쉽습니다.
입력, 처리, 출력 중 어디가 문제인지 바로 감이 오기 때문입니다.

바이브코딩을 어렵게 느끼는 이유는, 대부분 한 번에 너무 많은 것을 만들려고 하기 때문이라는 생각도 들었습니다.

요약 / 정리

하루 지출 자동 정리 도구는 초보자가 처음 만들기 좋은 실전 예제입니다.
복잡한 가계부 대신, 하루 단위로 단순화하는 것이 핵심입니다.
‘입력 → 처리 → 출력’ 구조로 정리하면 프롬프트가 훨씬 명확해집니다.
바이브코딩은 거창한 서비스보다, 생활 속 작은 불편을 해결하는 데서 시작하는 것이 오래 갑니다.

다음 글에서는 이 지출 정리 도구를 조금 확장해,
기록을 쌓고 다시 활용하는 방법을 정리해볼 예정입니다.
작은 도구가 생활 습관으로 이어지는 과정도 함께 다뤄보겠습니다.

댓글

이 블로그의 인기 게시물

바이브코딩 기초: 설치와 환경 준비로 첫걸음 떼기

안티그래비티 사용법: 문과생이 프롬프트로 5분 만에 계산기 화면 만드는 법

바이브코딩의 장점과 일상 활용 사례(가계부와 체크리스트 5분 만들기)