AI Driven Development — 따라하기AI 가계부 머니노트 만들기 · 설치부터 배포까지

11. 동작 확인과 마무리

이 단계에서 하는 것: 배포된 공개 URL을 직접 열어 머니노트의 전체 흐름(회원가입 → 로그인 → 거래 입력 → 월별 통계·AI 요약)이 되는지 눈으로 확인하고, 지금까지 이어 만든 과정을 한 장으로 되짚는다. 다음 단계로 넘길 것: 없음. 이 단계로 머니노트가 완성된다.

앞 단계까지 처음의 요구가 PRD·화면기획서·데이터·API·화면·결제·검증·배포를 거쳐 공개 URL로 나왔다. 마지막으로 남은 일은 그 URL을 직접 눌러 처음 쓰는 사용자처럼 흐름을 밟아 보는 것이다. 손으로 확인하면 남에게 자신 있게 보여줄 수 있다.

요구에서 공개 URL까지 — 역할이 산출물을 이어 만든 사슬 기획자PRD 디자이너화면기획서 DBA데이터·인증·RLS 아키텍트API 명세 백엔드API · AI 프론트화면 QA·보안검증 인프라배포 → 공개 URL — 우리는 코드를 직접 치는 대신 무엇을 만들지 정하고 결과를 검토했다

준비 확인


따라하기

단계 1 — 공개 URL에서 전체 흐름 눌러 보기

배포된 공개 URL을 브라우저 주소창에 붙여 넣어 연다. 아래 순서대로 직접 눌러 확인한다.

  1. 회원가입. 회원가입 화면에서 이메일과 비밀번호를 넣어 가입한다. 이렇게 나오면 성공: 가입이 되고 로그인 화면이나 내 가계부 화면으로 넘어간다.

  2. 로그인. 방금 만든 계정으로 로그인한다. 이렇게 나오면 성공: 로그인 후 내 거래 내역 화면이 뜬다. 아직 거래가 없으면 빈 상태 안내가 보인다.

  3. 거래 입력. 수입 한 건과 지출 한 건을 넣는다. 입력할 때 AI 추천 카테고리가 보이는지 확인한다. 이렇게 나오면 성공: 목록에 방금 넣은 거래가 뜨고, 수입은 녹색·지출은 빨강으로 구분되며, 카테고리가 채워진다.

  4. 월별 통계. 통계 화면으로 이동해 이번 달 잔액과 카테고리별 합계를 본다. 이렇게 나오면 성공: 방금 넣은 거래가 반영된 잔액과 카테고리별 합계가 보인다.

  5. AI 요약. 통계 화면에서 이번 달 소비를 한 줄로 정리한 AI 요약을 확인한다. 이렇게 나오면 성공: 이번 달 소비에 대한 한 줄 요약·조언이 화면에 뜬다.

다섯 개가 모두 성공하면 머니노트가 처음부터 끝까지 동작하는 것이다.

단계 2 — 문제가 있으면 사실부터 정리하기

한 곳이라도 막히거나 오류가 났다면, 무엇이 잘못됐는지 짐작으로 고치지 말고 사실부터 모은다. 화면에 뜬 에러 메시지와 로그를 그대로 두고 아래를 붙여 넣는다.

logs가 있거나 오류가 났다면, 사실(로그·에러 메시지)부터 시간순으로 정리하고 원인 가설을 세워줘.

이렇게 나오면 성공: 어떤 요청에서 무슨 에러가 났는지 시간순으로 정리되고, 그럴듯한 원인 가설이 나온다. 가설을 확인해 고친 뒤 단계 1을 다시 밟는다.

단계 3 — 역할과 산출물을 한 장으로 정리하기

지금까지 어떤 역할이 어떤 산출물을 이어 만들었는지 한눈에 보이게 정리한다.

그리고 지금까지 만든 것을, 어떤 역할이 어떤 산출물을 이어 만들었는지 한 장으로 정리해줘.

이렇게 나오면 성공: 기획자(PRD) → 디자이너(화면기획서) → DBA(데이터·인증) → 아키텍트(API 명세) → 백엔드(API·AI) → 프론트(화면) → QA·보안(검증) → 인프라(배포)로 이어진 흐름이 한 장으로 정리된다.


이 단계 마무리

요구에서 시작해, 규칙(CLAUDE.md)과 가이드 문서를 진실 원천으로 삼아, 역할을 하나씩 세워 앞 산출물을 다음 역할의 입력으로 넘겼다. 그 사슬의 끝이 지금 눌러 본 공개 URL이다. 우리는 코드를 직접 치는 대신 무엇을 만들지 정하고 결과를 검토하며 머니노트를 완성했다. 같은 방식으로 다음 서비스도 만들 수 있다. 완성을 축하한다.

그런데 서비스는 완성이 끝이 아니다 — 공개한 순간부터 사용자 피드백으로 기능이 계속 추가된다. 다음 장에서, 회의록 하나만 주면 팀이 자율로 기능을 만들고 배포만 사람이 승인하는 운영 파이프라인을 세운다. 이 과정이 진짜로 노리는 목적지다.