Gemma 4로 건강 기록 앱 만들기

Source: Dev.to

이것은 Gemma 4 챌린지 “Gemma 4에 대해 쓰기”에 제출한 작품입니다.

에이전시 코딩을 발견했을 때, 저는 아이디어가 바닥났습니다. 코더이자 IT 경력이 있음에도 불구하고, 처음엔 머리가 하얘져서 근접한 문제들을 어떻게 해결해야 할지 전혀 떠오르지 않았습니다.

그때 다른 사람들이 연속으로 바이브 코딩 애플리케이션을 만들고 있는 모습을 보게 되었고, 그게 저에게도 내 문제들을 생각해보게 만들었습니다.

제가 겪고 있는 문제 중 하나는 건강 비용과 건강 상태를 체계적으로 기록하고 관리하는 것이었습니다. 이런 기능을 제공하는 앱은 많이 있지만, 개인 맞춤형은 없었습니다.

그래서 한 가지 프롬프트를 만들었습니다.

프롬프트: 건강 이슈, 약제 비용, 병원 방문 기록, 증상 및 건강 문제, 약 복용 연속 일수, 보험 정보를 기록할 수 있는 앱을 만들라. Vite와 React, SQLite를 사용한다.

“아주 일반적인 요구사항이 아니냐?”고 생각하실 수도 있겠지만, 저는 데이터를 로컬에 보관하기 위해 SQLite를 활용하고, 개발 시간을 단축하기 위해 React를 쓰는 데 초점을 맞췄습니다.

저는 Kilo 코드를 사용해 Gemma 4와 연동했습니다. 아래 영상에서 이 앱의 진행 과정을 확인하고 최종 결과를 볼 수 있습니다.

첫 번째 단계는 단일 프롬프트를 실제 앱으로 구현하는 것이었습니다. 두 번째는 데이터베이스에 각각의 입력이 정상적으로 저장되고, 결과를 올바르게 조회할 수 있는지 검증하는 테스트를 추가하는 것이었고, 세 번째는 앱을 로컬에서 사용할 수 있도록 만드는 것이었습니다.

왜 웹에 호스팅하지 않았을까? 이 프로젝트는 개인용이었기 때문에 굳이 SQLite에 얽매지 않고 웹 데이터베이스를 사용할 필요를 느끼지 못했습니다. 오프라인 전용 앱으로 유지하고 싶었죠. 물론 WatermelonDB 같은 다른 로컬 데이터베이스를 사용해 웹에서도 MVP를 구현할 수는 있었습니다.

최종 결과는 다음과 같습니다.

이제 앞으로는 어떻게 할까? 모바일 앱으로 확장하거나 Vercel·Netlify 같은 서비스에 배포해 볼 수 있습니다. 장기적으로 직접 관리하기 어려워진다면 오픈소스로 공개하는 방안도 고민 중입니다.