Subscribe Manager란?
매달 나가는 구독 서비스, 얼마나 되는지 정확히 파악하고 계신가요?
넷플릭스, 유튜브 프리미엄, 스포티파이, 클라우드 서비스... 하나하나는 부담이 안 되지만 모이면 꽤 큰 금액이 된다. 이걸 한눈에 관리하고 싶어서 Subscribe Manager를 만들었다.
Claude AI로 개발하다
이 프로젝트의 가장 큰 특징은 Claude AI를 활용하여 개발했다는 점이다.
AI에게 원하는 기능을 설명하고, 코드를 생성하고, 수정하는 과정을 반복하면서 완성했다. 직접 한 줄 한 줄 코드를 작성하는 것보다 훨씬 빠르게 프로토타입을 만들 수 있었고, 특히 UI 디자인이나 반복적인 CRUD 로직 작성에서 큰 도움이 되었다.
AI를 활용한 개발이 단순히 "코드를 대신 써주는 것"이 아니라, 아이디어를 빠르게 구현하고 검증하는 도구로서 정말 유용하다는 걸 느꼈다.
주요 기능
구독 서비스 관리
- 구독 서비스 추가, 수정, 삭제
- 활성/비활성 상태 관리
- 결제 주기 설정 (월간, 연간, 주간)
비용 추적
- 월간 총액 자동 계산
- 연간 예상 비용 추정
- 다양한 결제 주기를 월 단위로 환산하여 통합 계산
카테고리 분류
- Entertainment - 넷플릭스, 유튜브 등
- Productivity - 업무 도구, 클라우드 등
- Lifestyle - 생활 관련 구독
- Other - 기타
UI/UX
- 다크/라이트 테마 전환
- 한국어/영어 이중 언어 지원
- 이모지 아이콘과 컬러 커스터마이징
- 모바일 반응형 디자인
기술 스택
별도의 프레임워크 없이 심플하게 구성했다.
- 프론트엔드: HTML, CSS, JavaScript (Vanilla)
- 호스팅: Cloudflare Pages (무료)
- 데이터 저장: API 연동 + 로컬 스토리지
Cloudflare Pages 역시 무료로 호스팅이 가능하기 때문에 사이드 프로젝트에 매우 적합하다.
개발하면서 느낀 점
- AI는 좋은 개발 파트너다 - 특히 UI 구현과 보일러플레이트 코드 작성에서 시간을 크게 절약할 수 있었다.
- 구독 관리는 생각보다 필요하다 - 직접 만들어보니 매달 내가 쓰는 금액이 생각보다 많았다.
- 사이드 프로젝트는 동기부여가 된다 - 내가 직접 쓸 서비스를 만드는 건 역시 재밌다.
앞으로의 계획
- 알림 기능 추가 (결제일 전 알림)
- 구독 서비스 추천 기능
- 월별 지출 그래프 시각화
실제로 사용하면서 필요한 기능을 계속 추가해나갈 예정이다. 관심 있으신 분들은 한번 사용해보세요!