소개
시도하고자 했던 것과 그 이유를 알려주세요.
인터넷에서 I get paid to poop 밈을 보고 회사에서 화장실 가면서(월급 루팡하면서) 버는 돈 계산기를 만들어보고 싶었음.
진행 방법
어떤 도구를 사용했고, 어떻게 활용하셨나요?
Tip: 사용한 프롬프트 전문을 꼭 포함하고, 내용을 짧게 소개해 주세요.
Tip: 활용 이미지나 캡처 화면을 꼭 남겨주세요.
Tip: 코드 전문은 코드블록에 감싸서 작성해주세요. ( / 을 눌러 '코드 블록'을 선택)
시작은 구글 ai에서 회사에서 똥싸면서 돈버는 시간을 계산하는 앱을 만들어 달라고 단순하게 말하였고 결과는 다음과 같았음.
작동은 잘 되었으나, 단순한 웹페이지처럼 보였음
다음으로 민트베어님의 Build Assistant AI를 사용하여 prd를 만드는 프롬프트를 생성하였고,
생성한 프롬프트는 다음과 같음
(프롬프트) Google AI Studio – Build 전용 PRD 입력 템플릿
이 문서에 기재된 내용을 기반으로, Google AI Studio – Build는 실행 시점의 최신 기능·최신 모델·최신 API·최신 매뉴얼을 자동으로 확인하여 최적의 앱을 구성합니다.
구체적인 UI/DB 구조/모델 설정은 자동으로 설계해주세요.⸻
[0] 기본 정보
앱 이름: 월급 루팡 계산기 (Salary Poop Calculator)
앱의 주요 목적 (한 문장): 화장실 이용 시간을 측정하여 사용자의 연봉 대비 '화장실에서 번 돈'을 계산하고 기록하는 유머러스한 생산성(?)/라이프스타일 앱.⸻
[1] 앱의 주요 기능
앱에서 제공하고 싶은 핵심 기능을 자유롭게 작성하세요.
Build는 아래 내용을 참고하되, 최신 기능을 우선 적용하여 최적화된 구조로 자동 구성합니다.핵심 기능:
연봉 및 근무 정보 설정: 사용자의 연봉, 일일 근무 시간, 월 근무 일수를 입력받아 '초당 급여'를 자동 산출하여 로컬에 저장.
루팡 타이머: 화장실 입장 시 시작하는 타이머 기능. 시간 경과에 따라 벌어들인 금액이 실시간으로 증가하는 시각적 효과 제공.
변비 우려 스마트 알림: 타이머가 일정 시간(예: 15분) 이상 지속될 경우, 건강을 염려하는 유머러스한 팝업 알림 표시.
기록 관리: 측정 종료 시 날짜, 시간, 벌어들인 금액을 로컬 저장소에 기록 및 리스트 조회.
기록 취소: 실수로 타이머를 켰거나 기록을 남기고 싶지 않은 경우, 저장 없이 타이머를 종료하는 '기록 취소' 기능.
통계 대시보드: 누적 화장실 체류 시간 및 누적 수익금 합계 표시.
⸻
[2] 사용자 흐름
사용자가 앱을 어떻게 사용할지 대표적인 흐름을 간단히 적어주세요.
상세 동작 방식과 화면 구성은 Build가 최신 매뉴얼 기준으로 자동 설계합니다.사용자 흐름:
초기 설정: 앱 최초 실행 시 연봉과 근무 시간을 입력하고 저장.
타이머 시작: 메인 화면의 '화장실 가기' 버튼을 눌러 타이머 시작.
진행 중: 화면 중앙에 경과 시간과 함께 실시간으로 증가하는 '번 돈'이 표시됨. (장시간 경과 시 변비 경고 알림 발생)
종료 옵션 선택: 볼일을 마친 후 '완료(기록 저장)' 또는 '취소(저장 안 함)' 버튼 선택.
결과 확인: 완료 시 이번 화장실 타임으로 얼마를 벌었는지 요약 카드 표시.
기록 열람: 메인 화면 하단이나 별도 탭에서 과거 기록과 총 누적 금액 확인.
⸻
[3] 데이터 활용 여부
필요 시 저장 또는 조회 기능이 포함되는지 작성하세요.
구체 스키마·DB 구조는 작성하지 마세요.
Build가 실행 시점의 최신 API와 권장 방식을 확인하여 자동 구성합니다.데이터 저장/조회 기능 필요 여부: 필요 (로컬 저장소 전용)
데이터 관련 요구사항:모든 데이터(연봉 정보, 화장실 이용 기록)는 사용자의 기기(Local Storage/IndexedDB 등)에만 저장.
외부 서버나 클라우드 DB 사용 금지.
앱 재실행 시에도 이전 기록과 설정값이 유지되어야 함.
⸻
[4] 화면 구성 의도 (선언적 표현)
원하는 화면 유형을 간단히 적어주세요.
UI/레이아웃/컴포넌트 배치는 Build가 최신 방식으로 구성합니다.원하는 화면 유형:
설정 화면: 숫자 입력 필드가 명확한 깔끔한 폼 형태.
메인(타이머) 화면: 타이머와 금액이 크게 강조된 직관적인 인터페이스. 돈이 올라가는 애니메이션 효과 권장.
알림 팝업: 장시간 이용 시 사용자에게 주의를 주는 모달 창.
기록 리스트 화면: 날짜별 수익과 시간을 보여주는 카드 리스트 형태.
⸻
[5] 기타 요구사항
필요한 경우 추가 요구사항을 작성하세요.
작성된 요구사항은 Build가 최신 기능과 매뉴얼을 기반으로 자동 최적화하여 구현합니다.기타 요구사항:
인증 제외: 로그인/회원가입 기능은 절대 구현하지 않음.
랭킹 제외: 타인과 기록을 경쟁하는 랭킹 시스템은 포함하지 않음.
취소 기능: 타이머 작동 중 언제든 기록 없이 돌아갈 수 있는 명확한 '취소' 버튼 배치.
⸻
[6] 보조 옵션
Build가 앱을 구성할 때 참고할 수 있는 옵션입니다.
작성하지 않으면 Build가 판단하여 자동 구성합니다.세련된 폰트와 위트 있는 한국어 인터페이스로 작성.
금액은 한국 원화(KRW) 기준으로 포맷팅 (예: 1,250원).
⸻
[7] 확장 가능성
향후 확장하고 싶은 아이디어가 있다면 적어주세요.
Build는 “현재 작성된 PRD 범위에서 구현 가능한 수준”으로만 확장안을 반영하고,
구체 구현은 최신 기능 기준으로 자동 설계합니다.확장 아이디어:
'오늘의 명언'처럼 화장실에서 볼 수 있는 짧은 유머 텍스트 제공.
결과를 이미지 카드로 생성하여 친구에게 공유하는 기능.
⸻
Build 적용 지침 (중요)
아래 문장은 사용자가 수정하지 않고 그대로 Build에 들어가야 하는 고정 문장입니다:
“위 PRD 내용은 실행 시점의 Google AI Studio – Build가 제공하는 최신 기능, 최신 모델, 최신 API, 최신 매뉴얼을 기준으로 해석하고 구현합니다.
필요한 경우 Build는 최신 버전 권장 설정을 우선 적용하여 UI·기능·데이터 구조를 자동으로 최적 설계합니다.”prd를 사용하여 만든 앱은 다음과 같았음.
결과와 배운 점
배운 점과 나만의 꿀팁을 알려주세요.
과정 중에 어떤 시행착오를 겪었나요?
도움이 필요한 부분이 있나요?
앞으로의 계획이 있다면 들려주세요.
돈을 계산하기 위해 연봉을 입력하는 탭에서 글자가 하얗게 보여서 인식하기 어려운 문제가 있었고, 이 문제는 바로 수정되었음.
앱을 껐다 키면 데이터가 초기화 되는 문제가 있고, 짧은 유머 텍스트가 생성되는 기능이 있지만 시간이 흐르면서 한글자씩 생성되는 오류가 있음.
추가 코딩으로 유머 텍스트 출력 방식을 수정하고, 월급 루팡 데이터를 저장하는 기능을 추가하고 싶음
