무료 영국 개인 재무 앱을 단일 HTML 파일로 만들었습니다. 이유와 방법

Source: Dev.to

Introduction

저는 개발자가 아닙니다.

몇 달 전만 해도 코드를 한 줄도 쓸 수 없었습니다. 저는 호주에 사는 영국인 배낭여행자이며, 소프트웨어에 대해 알던 것은 오랫동안 좌절감을 느꼈다는 것뿐이었습니다.

저는 스스로 진단한 개인 재무 매니아입니다. 하루만 저와 함께 있으면 제가 원하는 만큼 자주 얘기할 것을 보장합니다. 돈을 관리하려고 시도한 모든 도구는 은행 로그인 정보를 요구하거나 월 구독료를 요구하거나, 영국 사용자를 위해 얇게 색칠된 미국 세법에 완전히 기반하고 있었습니다.

그래서 저는 스프레드시트에 의존하며 버텼습니다. 일은 했지만, 결코 만족스럽지는 않았습니다. 지출을 효율적으로 기록할 시스템을 찾지 못해 매달 말마다 두 시간 정도의 작업이 되었습니다. 또한 앞으로를 내다보는 데는 전혀 쓸모가 없었습니다—예를 들어, 내 CGT(자본이득세) 상황을 계산하거나, 주택담보대출을 초과 상환했을 때의 시나리오를 모델링하거나, 현실적으로 언제 일을 그만둘 수 있을지 파악하는 데 도움이 되지 않았습니다.

그때 AI가 충분히 크게 울려 퍼져서 더 이상 무시할 수 없게 되었습니다. 저는 “아이디어를 갖는 것”과 “무언가를 만드는 것” 사이의 장벽이 사실상 무너졌다는 것을 이해할 정도로 충분히 읽었습니다. 그래서 스스로에게 도전을 걸었습니다: 만약 무엇이든 만들 수 있다면 실제로 무엇을 만들고 싶을까?

답은 명확했습니다: 제가 늘 원하던 재무 앱을 만들자.

실제로 만든 것

Vault 라는 이름의 단일 HTML 파일입니다. 브라우저에서 열면 바로 작동합니다. 계정이 필요 없고, 서버도 없으며, 구독도 없습니다. 여러분이 넣은 모든 데이터는 브라우저의 localStorage에 저장되므로, 저는 그 데이터에 전혀 접근할 수 없습니다. 이는 개인정보 보호 정책상의 약속이 아니라, 구조적으로 불가능한 일입니다.

Vault는 영국 사용자를 위해 특별히 설계되었으며, 대부분의 앱이 무시하는 세부 사항들을 처리합니다:

• 부채를 정확히 차감한 순자산 추적, 실시간 환율을 적용한 다중 통화 지원
• 카테고리별 예산 한도, 정기 거래, 지출 인사이트를 제공하는 지출 추적기
• 스코틀랜드와 영국(잉글랜드/웨일즈/북아일랜드) 세율 구분, 연금 급여 희생, 학자금 대출 상환을 포함한 급여 계산기
• HMRC‑준수 가중 평균 비용을 이용한 양도소득세 추적, ISA 보유 자산은 자동으로 제외
• 최초 구매자, 두 번째 주택 구매자, 추가 부동산 구매자를 위한 2025년 4월 이후 적용되는 올바른 기준을 반영한 인지세 계산기
• 임대 vs 구매, FIRE(조기 은퇴) 타임라인, 모기지 초과 상환, 부채 상환 등을 포함한 시나리오 플래너
• 네 가지 성장 프로파일을 제공하는 FIRE 계산기
• LSE(런던 증권거래소)와 암호화폐 포트폴리오 추적

이 모든 것을 자연어로 만들었습니다. 원하는 것을 설명하고, 세부 사항에 대해 논의하고, 뭔가 잘못된 느낌이 들면 다시 조정하고, 반복했습니다. 실제 코딩은 Claude Code가 담당했습니다. 시작한 지 약 10분 만에 다크 테마 웹 앱 세 개 섹션이 작동하는 모습을 볼 수 있었습니다. Claude Code는 파스타를 끓이는 시간보다 짧은 시간 안에 완전한 사용 가능한 웹사이트를 만들어냈습니다.

저는, 그리고 아직도, 정말 깜짝 놀라고 있습니다.

왜 무료이며 기기에 남아 있는가

프라이버시 문제는 마케팅 전략이 아니라, 처음부터 있던 것이었다.

내가 원하는 기능을 제공하는 모든 앱은 구독료를 받거나, 은행에 연결해 그 데이터를 수익화했거나, 두 가지를 모두 했습니다. 무료였던 앱들은 당신이 제품이었기 때문에 무료였습니다. Snoop은 당신의 소비 데이터를 이용해 요금 전환 소개로 수익을 올리고, Emma는 프리미엄 등급과 금융 상품 추천으로 돈을 벌어요. 그것도 괜찮습니다 — 그들은 비즈니스이니까요. 하지만 그 의미는 도구가 절대 완전히 당신 편에 서 있지는 않다는 것입니다.

Vault는 no server가 있어 데이터를 보낼 곳이 없습니다. 이것은 제가 추가한 기능이 아니라, 단일 HTML 파일이 본래 갖는 특성일 뿐입니다. 당신의 금융 생활은 기기에 그대로 남아 있습니다. 제가 내일 프로젝트를 종료한다 하더라도 데이터는 사라지지 않습니다. 파일을 가져가서 영원히 로컬에서 실행할 수 있습니다.

제가 먼저 저 자신을 위해 만들었기 때문에 무료입니다. 다른 사람들에게도 유용하다고 생각한다면 그것이 목적이죠. 지금은 사업을 만들려는 것이 아닙니다. 저는 코드를 독학하고 자신이 원하는 것을 직접 만든 배낭여행자입니다.

현재 상황

Vault는 현재 . 에서 라이브입니다. 작동하며, 처음 사용자를 위한 온보딩 투어가 포함되어 있어 처음 열었을 때 완전히 혼란스럽지 않습니다.

또한 v1입니다. 누락된 부분이 있고 아직 찾지 못한 버그가 있을 가능성이 있습니다. 데이터는 localStorage에 저장되므로 브라우저를 지우면 데이터가 사라집니다 — 이를 제대로 구현하면 정기적으로 내보내세요.

아직 개발 중입니다. 정확히 어디로 가는지는 모르지만, 다른 사람에게 유용한지 확인하려면 실제로 사용해보게 해야 하기 때문에 지금 공유합니다.

사용해보시면, 어떤 것이 고장났는지, 어떤 것이 빠졌는지, 무엇이 이해가 안 되는지 알려 주세요. 그 피드백이 현재 가장 중요한 목적입니다.

AI 도움을 받아 작성했습니다. 모든 문장은 Vault를 구축한 제 경험을 바탕으로 합니다.