Google AI Studio로 만든 나만의 루틴 웹앱

소개

루틴을 만들고 싶어도 어떻게 시작할지 막막한 분들을 위해, 루틴 형성을 도와주는 간단한 웹앱을 만들어보았습니다. 복잡한 개발 과정을 거치지 않고, 아이디어를 직접 눈에 보이게 구현하고 싶었어요. 그래서 Google AI Studio를 활용해 보기로 했죠 ✨

진행 방법

  • 사용 도구: Google AI Studio

  • 기획 아이디어: 사용자에게 몇 가지 질문을 던져서 원하는 루틴을 추천하고 생성해주는 흐름 구성

  • 개발 방식:

    • 별도 백엔드 없이 프론트엔드 중심 구현

    • AI Studio에서 대화 흐름(프롬프트)을 시나리오 기반으로 설계

    • 루틴 예시: 아침 루틴, 집중 루틴, 자기 전 루틴 등

  • 프롬프트 예시:

시간 기록하고 관리해주는 앱
  • 결과물:

    컴퓨터 화면에 표시된 한국 타이머의 스크린샷

  • 민트베어님의
    AI Studio Build 에서 PRD 작성 및 결과물

어시스턴트 AI 로그인 페이지 구축
한국 구글 플레이 스토어 스크린샷

결과와 배운 점

  • 생각보다 정말 빠르고 간단하게 만들어졌고, 그럴싸한 결과물이 나와서 놀랐습니다 🤩

  • 구현보다 중요한 건 기획(=PRD)이라는 점을 뼈저리게 느낌!

  • 다음에는 "공부 루틴", "운동 루틴" 등 테마를 다양화해서 확장해볼 예정이에요.

1

뉴스레터 무료 구독

👉 이 게시글도 읽어보세요