가계부 앱 만들기 전에 먼저 정할 것
얼마 전 지인이 “가계부 앱을 직접 만들면 뭐부터 해야 하냐”고 물어봤는데, 생각보다 많은 사람이 처음부터 화면 디자인이나 기능 목록부터 떠올리더라고요. 그런데 실제로 써먹는 가계부 앱은 화려한 기능보다 기록이 편한 구조가 훨씬 중요합니다. 돈을 쓴 뒤 10초 안에 입력할 수 있느냐가 오래 쓰는 기준이 되거든요.
가계부 앱 만들기를 시작할 때는 먼저 사용 목적을 좁히는 게 좋습니다. 예를 들어 “월 지출을 줄이고 싶다”면 지출 기록과 카테고리 통계가 중요하고, “카드값을 미리 알고 싶다”면 결제 수단별 합계가 더 필요합니다. “부부가 같이 쓰고 싶다”면 공유 기능이나 사용자 구분이 들어가야 하고요.
처음부터 모든 기능을 넣으려고 하면 앱이 금방 복잡해집니다. 개인용 첫 버전이라면 수입, 지출, 날짜, 금액, 카테고리, 메모 정도면 충분합니다. 여기에 월별 합계만 붙여도 실제 생활에서는 꽤 쓸 만합니다.
기본 기능은 작게 잡는 게 좋습니다
가계부 앱의 핵심 화면은 보통 3개면 됩니다. 첫째는 거래 입력 화면, 둘째는 내역 목록 화면, 셋째는 월간 통계 화면입니다. 이 세 가지만 안정적으로 돌아가면 나머지는 천천히 붙여도 늦지 않습니다.
1. 거래 입력 화면
입력 화면에는 날짜, 금액, 구분, 카테고리, 결제 수단, 메모를 넣으면 됩니다. 여기서 중요한 건 입력 칸을 너무 많이 만들지 않는 겁니다. 예를 들어 커피 한 잔 4,500원을 기록하는데 8개 항목을 채워야 한다면 며칠 못 가서 귀찮아집니다.
- 날짜: 기본값은 오늘 날짜
- 금액: 숫자만 입력해도 자동 저장 가능
- 구분: 수입 또는 지출
- 카테고리: 식비, 교통, 주거, 통신, 쇼핑 등
- 결제 수단: 현금, 체크카드, 신용카드, 계좌이체
- 메모: 선택 입력
실제 사용성을 생각하면 금액과 카테고리만 빠르게 넣고 저장할 수 있어야 합니다. 메모는 필요할 때만 쓰게 두는 편이 낫습니다. 솔직히 가계부는 완벽한 기록보다 꾸준한 기록이 더 어렵습니다.
2. 내역 목록 화면
내역 목록은 최신순으로 보여주는 방식이 가장 익숙합니다. 날짜별로 묶어서 “9월 8일 식비 12,000원”처럼 보이면 눈에 잘 들어옵니다. 수정과 삭제도 꼭 필요합니다. 잘못 입력한 금액을 고치기 어렵다면 사용자가 앱을 신뢰하기 어렵거든요.
검색 기능은 처음부터 복잡하게 만들 필요는 없습니다. 대신 월 선택, 카테고리 선택, 수입·지출 선택 정도의 필터만 있어도 충분합니다. 예를 들어 “이번 달 배달비만 보고 싶다”는 요구는 꽤 자주 생깁니다.
데이터 구조는 단순하게 시작하세요
가계부 앱 만들기에서 의외로 중요한 부분이 데이터 구조입니다. 화면은 나중에 바꿀 수 있지만, 데이터가 엉켜 있으면 기능을 추가할 때마다 손이 많이 갑니다. 개인 프로젝트라면 처음에는 거래 내역 테이블 하나로도 시작할 수 있습니다.
예를 들어 거래 하나에는 id, amount, type, category, paymentMethod, memo, date, createdAt 같은 값이 들어갑니다. amount는 금액, type은 income 또는 expense, category는 식비 같은 분류입니다. date는 사용자가 돈을 쓴 날짜이고 createdAt은 앱에 기록한 시간입니다. 둘을 나눠두면 나중에 수정 이력이나 최근 입력순 정렬을 만들 때 편합니다.
카테고리는 별도 테이블로 빼도 되지만 초반에는 고정 목록으로 처리해도 괜찮습니다. 다만 사용자가 직접 카테고리를 추가하게 만들 계획이라면 처음부터 categories 구조를 따로 두는 편이 좋습니다. 나중에 “반려동물”, “육아”, “운동”처럼 사람마다 필요한 분류가 달라지기 때문입니다.
통계 화면은 숫자를 읽기 쉽게 만드는 게 우선입니다
통계 화면이라고 해서 처음부터 멋진 그래프가 꼭 필요한 건 아닙니다. 월 수입, 월 지출, 남은 금액, 카테고리별 지출 합계만 보여줘도 충분히 실용적입니다. 예를 들어 한 달 식비가 620,000원이고 교통비가 85,000원이라는 식으로 바로 보이면 소비 패턴이 눈에 들어옵니다.
그래프를 넣는다면 원형 차트보다 막대 차트가 더 읽기 편한 경우가 많습니다. 식비 62만 원, 쇼핑 31만 원, 카페 14만 원처럼 카테고리별 비교를 해야 할 때는 길이 차이가 바로 보이니까요. 특히 모바일 화면에서는 원형 차트 안에 글자가 겹치기 쉬워서 깔끔하게 만들기가 생각보다 어렵습니다.
예산 기능을 붙이고 싶다면 카테고리별 예산을 먼저 추천합니다. 월 전체 예산 200만 원도 좋지만, 실제로는 식비 60만 원, 쇼핑 20만 원, 카페 10만 원처럼 나눠야 행동을 바꾸기 쉽습니다. “이번 달 카페 예산을 80퍼센트 썼다”는 알림은 꽤 현실적인 신호가 됩니다.
직접 만들 때 선택하기 좋은 방식
코딩을 처음 배우는 단계라면 웹앱으로 만드는 방식이 접근성이 좋습니다. HTML, CSS, JavaScript만으로도 브라우저에서 돌아가는 간단한 가계부를 만들 수 있고, 저장은 처음에 브라우저 로컬 저장소를 써도 됩니다. 설치가 필요 없고 수정도 빠릅니다.
조금 더 제대로 만들고 싶다면 React 같은 프론트엔드 도구와 Firebase 같은 백엔드 서비스를 조합할 수 있습니다. 로그인, 데이터 저장, 동기화가 필요할 때 편합니다. 다만 처음부터 로그인까지 붙이면 난이도가 확 올라갑니다. 혼자 쓰는 앱이라면 로컬 저장 버전으로 흐름을 확인한 뒤, 실제로 계속 쓸 자신이 생겼을 때 계정 기능을 붙이는 편이 부담이 적습니다.
모바일 앱으로 만들고 싶다면 Flutter나 React Native도 선택지가 됩니다. 하지만 처음 목표가 “내 소비를 기록하는 도구”라면 웹앱으로 기능을 검증한 뒤 모바일로 옮겨도 충분합니다. 앱스토어 배포까지 생각하면 아이콘, 권한, 심사, 업데이트까지 챙길 게 많아지니까요.
- 가볍게 시작: HTML, CSS, JavaScript, 로컬 저장소
- 로그인과 동기화 필요: React, Firebase 조합
- 휴대폰 앱 배포 목표: Flutter 또는 React Native
- 가족 공유 기능 필요: 사용자별 데이터 구분과 권한 설계
오래 쓰는 가계부 앱으로 다듬는 방법
가계부 앱은 기능이 많다고 오래 쓰는 게 아닙니다. 오히려 입력이 짧고, 화면이 빠르고, 내 돈 흐름이 바로 보일수록 손이 갑니다. 처음 한 달은 기능 추가보다 사용 기록을 보는 게 좋습니다. 내가 자주 고치는 항목은 무엇인지, 어떤 카테고리를 계속 추가하고 싶은지, 통계에서 어떤 숫자를 먼저 보는지 확인하면 다음 개선점이 자연스럽게 나옵니다.
개인적으로는 첫 버전에 자동 저장, 빠른 금액 입력, 월별 합계, 카테고리 필터만 있어도 충분히 괜찮다고 봅니다. 그다음 카드 결제일 관리, 반복 지출 등록, 예산 알림을 붙이면 생활 밀착형 앱에 가까워집니다. 특히 월세, 통신비, 구독료처럼 매달 반복되는 지출은 자동 등록 기능을 넣었을 때 체감이 큽니다.
가계부 앱 만들기는 거창한 개발 프로젝트라기보다 내 소비 습관에 맞는 작은 도구를 만드는 일에 가깝습니다. 처음부터 완벽하게 만들겠다는 마음보다 “이번 달 지출을 어제보다 조금 더 잘 보이게 만들자”는 정도로 접근하면 훨씬 오래 갑니다. 결국 좋은 가계부는 기능 목록이 아니라, 내가 매일 부담 없이 열 수 있는 화면에서 시작된다고 생각합니다.
