Claude Code로 2주만에 Flutter 앱 출시하기! 🔄 Recurro - 반복되는 업무를 관리해 주는 유틸리티 앱

소개

안녕하세요, 저는 10년차 iOS 개발자입니다. 사실 개발자 입장에서는 요새 바이브 코딩이라고 하는 것이 미심쩍지 않았다면 거짓말일텐데요, 실제로 Cluade Code를 결제해서 며칠 끄적여보니 ... !! 너무나도 신세계였습니다. 당연히 100% 만족할만한 결과물이 나오지는 않지만 2주 정도 걸릴 작업이 하루만에 되는 것을 보고 특이점이 온 것을 인정하지 않을 수 없었습니다 .. !

여튼 저는 지금까지 이것도 만들어 봐야지 ~ 저것도 만들어봐야지 ~ 하던게 많았는데요. 본업에 치여서 진행을 잘 못하다가 Claude Code를 통해서 사이드 프로젝트에 박차를 가해보았습니다.

이번에 개발한 앱은 'Recurro - 반복되는 일상 업무를 관리 해 보세요!' 입니다

Recurro는 복잡한 업무 관리 앱들과 달리 '반복되는 일상 업무'에만 집중한 앱입니다. 간단하지만 중요하고, 자꾸 까먹게 되는 그런 일들을 체계적으로 관리할 수 있습니다.

일주일이나 한 달, 혹은 그 이상의 주기로 반복되는 업무들을 관리하기 힘들지 않으셨나요 ?
예를들어 6개월에 한번 가는 스케일링 일정, 공기청정기 필터 교체, 반려동물 구충제 먹이기 등...

이런 작업들을 쉽게 처리할 수 있도록 간단한 (그러나 개발은 간단하지 않았던..) 앱을 만들어보았어요.

삼성 갤럭시 S10E 삼성 갤럭시 S10E 삼성 갤럭시 S10E

진행 방법

  1. 일단 클로드 Web에서 내가 만들고 싶은 앱에대해서 설명했어요. 중요한 것은 Pain point (이 앱이 해결하려고 하는 상황) 과 User Scenario (유저가 앱을 켜서 사용하는 Flow)를 자세하게 적었다는 점이에요.

I would like to develop a Flutter app. Please check the description below and give me step by step implementation instructions so that I can use it for Claude Code. 

Pain point
I am responsible for taking care of my dog and chores of houseworks. I have problem tracking down when I cleaned the coffee machine for the last time and when I should clean it in the future. I should change air conditioner’s filter once in 6 month but I totally lost track of it and it turned out that I did not change it for more than 1 year. I would like to keep track on these important but miscellaneous works on interval basis with help of this app. 

User Scenario
- I should make my dog take medicine once a month. I open this app and create a task ‘Medicine for my dog’ under category ‘Dog’.
- Add start date to ‘today’ since i gave the medicine to my dog today. 
- Set interval to ‘1 month’
- Added task is now shown in the list view. It says I have 30 days to next scheduled medicine day.  (D-30days) 
- I have set ‘notification’ to ‘Previous day alarm’
- One month later, the day before the medicine day, app notification comes (maybe local notification) 
- But unfortunately I forgot to gave my dog the medicine. 
- One more alarm comes the day after the due date.
- When I open the app, since it is overdue, the task is highlighted with red text.
- I gave my dog a medicine, and i check the task completed. Now from that day, next task with another 1 month is re-scheduled. 

여기서는 생략했지만, 뒤쪽에 App Architecture 부분을 넣어서 탭의 갯수, 네비게이션 구성, 각 Task tile이 가져야 할 정보등을 자세하게 설명했어요.

  1. 위 문서를 기반으로 클로드 코드로에게 requirements.md 파일 작성을 시켜요. 그럼 이 문서를 가지고 Claude Code로 가서 docs/requirements.md 를 참고해서 docs/plan.md 파일을 생성하고, 이걸 기반으로 docs/tasks.md 파일을 작성하라고 명령했어요

  2. 그 후에는 task를 차례차례 진행시켰습니다.

이렇게 진행한 이유는, 최초 Claude Code 가 작업을 시작할 때, 최대한 제가 원하는 final 형태에 맞게 작업시키는게 중요하다고 생각했기 때문이에요. 생각보다 중간중간에 큰 수정을 하는게 번거롭고 에러가 많이 생기더라구요 (자잘한 변경은 어쩔수 없지만요)

결과와 배운 점

✔️ 클로드에게 처음 프롬프트를 줄때 디자인 가이드에 대한 설명이 부족했던것 같아요. 결과물의 디자인이 마음에 안들었는데, 이걸 바꾸는데 시간이 엄청 오래걸렸어요. 처음부터 key color나 iOS 디자인 가이드에 맞게 하라고 했으면 핑퐁을 덜 했을 것 같아요.

✔️ 클로드를 믿고 처음에 코드를 거의 안봤는데 (ㅋㅋ) git 설정을하고 diff 관리를 하긴 해야했어요. 생각보다 좀 이상하게 짜는 경우가 있더라구요.

여튼 무사히 출시했습니다!!

🔄 Recurro - Track your recurring tasks !

Appstore: https://apps.apple.com/us/app/recurro/id6748042726
Google play store: https://play.google.com/store/apps/details?id=com.dundinstudio.recurro

작업 과정의 질문이나 의견 언제나 환영입니다. 감사합니다!

도움 받은 글 (옵션)

공식홈페이지 글을 참조했어요

https://www.anthropic.com/engineering/claude-code-best-practices

👉 이 게시글도 읽어보세요