페이보드

PayBoard는 흩어져 있는 정기결제와 고정지출을 한 화면에서 관리할 수 있게 만든 iOS 앱입니다. 이번 달에 얼마가 빠져나가는지, 어떤 서비스가 곧 결제되는지, 자동이체 항목이 정상적으로 넘어갔는지를 보드와 캘린더 기준으로 빠르게 확인하는 데 초점을 맞추고 있습니다.

왜 만들었는가

정기결제 서비스와 고정지출이 늘어날수록 실제로 필요한 것은 "리스트를 많이 보여주는 앱"보다는, 결제 흐름을 한눈에 파악할 수 있는 앱이라고 생각했습니다. 페이보드는 이번 달 지출 총액, 카테고리별 지출, 곧 결제될 항목, 자동이체 상태를 빠르게 확인할 수 있도록 화면 구조 자체를 정리하는 쪽에 집중한 프로젝트입니다.

핵심 기능

• 정기결제 항목을 보드 형태로 모아 보고, 이번 달 결제 합계와 카테고리별 지출을 바로 확인할 수 있습니다.
• 월간 캘린더에서 날짜별 결제 예정 항목을 확인하고, 특정 날짜를 기준으로 결제 흐름을 따라갈 수 있습니다.
• 서비스명, 카테고리, 금액, 결제 주기, 다음 결제일, 메모, 아이콘, 자동이체 여부까지 세부적으로 관리할 수 있습니다.
• 검색, 필터, 정렬, 커스텀 순서 편집, 상단 고정, 일괄 완료/보관/삭제/결제일 변경을 지원해서 항목 수가 많아져도 정리할 수 있습니다.
• 결제 완료 처리 시 다음 청구일이 자동으로 갱신되고, 자동이체 항목은 날짜가 지나면 자동 반영됩니다.
• 3일 전, 1일 전, 당일 리마인드 알림과 테스트 알림을 지원합니다.
• Apple 로그인 또는 Kakao 로그인을 통한 클라우드 백업/복원 기능을 제공합니다.
• 보관함, 홈 화면 위젯, 한국어/영어, 라이트/다크 모드, 초기 화면 설정 등 실제 사용 환경에 필요한 옵션도 포함되어 있습니다.

화면 구성

앱은 크게 네 가지 화면으로 구성되어 있습니다.

• 보드: 결제일이 가까운 항목과 월간 지출 요약을 가장 먼저 확인하는 기본 화면
• 캘린더: 날짜별 결제 일정을 월 단위로 확인하는 화면
• 보관함: 잠시 숨긴 항목을 다시 복원하는 공간
• 설정: 알림, 백업, 언어, 화면 모드, 초기 화면을 조정하는 영역

사용자가 가장 자주 보는 정보는 보드와 캘린더에, 관리성 있는 기능은 설정과 보관함으로 분리해서 흐름을 단순하게 유지하려고 했습니다.

구현 구조

현재 저장소는 PayBoard 모노레포 형태로 관리하고 있습니다.

• ios/: 실제 운영 중인 iOS 앱, Xcode 프로젝트, 위젯, Supabase 연동 스크립트
• android/: Android 앱 작업 공간

iOS 쪽은 AppCore, Data, Domain, DesignSystem, Features, PayBoardApp처럼 역할을 나눈 구조를 사용하고 있고, 위젯도 별도 타깃으로 분리되어 있습니다. 기능을 빠르게 추가하는 것만큼, 결제 관리라는 도메인을 오래 유지할 수 있는 구조를 만드는 데에도 신경을 썼습니다.

메모

이 프로젝트는 단순히 지출을 기록하는 앱이라기보다, "다음 결제가 언제 일어나고 무엇을 챙겨야 하는지"를 빠르게 판단할 수 있도록 만드는 데 목적을 둔 제품입니다. 정기결제가 많은 사용자일수록 리스트보다 흐름이 중요하다고 느꼈고, 그 관점을 제품 구조와 화면 구성에 그대로 반영하려고 했습니다.