소개
스마트폰 가계부 앱을 쓰고 있는데, 필요 없는 기능이 많은 데다, 디자인도 마음에 들지 않고, 성가신 광고가 자꾸 보여서 내 필요에 맞는 가계부 앱을 만들어봤습니다.
진행 방법
일단 디자인을 google stitch로 했습니다.
프롬프트는 일단 이렇게 입력했습니다.
귀엽고 깜찍하며 여성적인 컨셉으로 가계부를 디자인해 줘. 기능은 미니멀하게. 월별 지출 합계와 지출 내역만 관리하게 해 줘.이렇게 해도 디자인이 별로 마음에 들지 않더군요. stitch의 yolo 모드를 썼습니다.
드디어 마음에 드는 디자인을 얻었습니다.
그리고 이 디자인을 export 해서 zip 파일로 다운로드 받았습니다.
이 디자인을 폴더에 넣고, 같은 곳에 빈 소스 폴더를 하나 더 만들었습니다.
source_code가 빈 소스 폴더이고 stitch로 시작하는 폴더 안에 디자인 파일들을 넣었습니다.
그리고 이 두 폴더의 상위 폴더에서 claude code를 실행했습니다. 넣은 프롬프트는 이것이 전부입니다. 단, plan 모드를 사용했습니다.
> @stitch_monthly_spending_home\ 폴더 내의 디자인을 사용해서 @source_code\ 폴더 내에
Flutter 프로젝트를 만들어 줘. Flutter 3.24 버전을 사용해 줘.구현 플랜이 이렇게 세워졌습니다. 중간에 명료하지 않은 부분은 제가 선택했습니다.
구현이 완료되었으나, 안드로이드 빌드 에러가 나네요. 해결 방법은 클로드 코드가 줍니다.
NDK 폴더 삭제 후 재빌드했습니다.
그리고 나온 apk 파일을 ap 파일로 확장자를 변경하여 카톡으로 전송~!
다시 apk로 확장자를 변경한 후 설치했습니다.
화면 하나만 구현한 것이라서, 아직 기능 추가가 필요하지만
일단 동작하는 앱 설치 성공입니다~!
Flutter 개발 이렇게 쉽습니다~!
결과와 배운 점
이제 동작하는 앱으로 만들었으니, 필요한 기능을 구현해야죠~!!
