소개
시도하고자 했던 것과 그 이유를 알려주세요.
꽃 이미지를 보고 이름을 맞추는 게임으로 꽃이름을 궁금해하는 사람들을 위해 꽃을 보고 이름을 알 수 있는 연습을 할 수 있도록 만들고 있습니다.
진행 방법
어떤 도구를 사용했고, 어떻게 활용하셨나요?
커서AI에서 파이썬을 사용해서 스트림릿으로 배포하도록 입코딩으로 작성하고 있습니다. 커서에서 작성하려는 게임의 PRD작성을 요청하고 PRD대로 입코딩을 합니다.
Tip: 사용한 프롬프트 전문을 꼭 포함하고, 내용을 짧게 소개해 주세요.
Tip: 활용 이미지나 캡처 화면을 꼭 남겨주세요.
Tip: 코드 전문은 코드블록에 감싸서 작성해주세요. ( / 을 눌러 '코드 블록'을 선택)
첫 프롬프트 : 한국의 야생화를 이미지를 보고 이름을 맞추는 게임을 만들어서 스트림릿에 배포하려고 해. 어떻게 하면 될지 PRD를 작성해줘.
한국 야생화 퀴즈 게임을 위한 PRD를 작성해드리겠습니다.
# 한국 야생화 퀴즈 게임 PRD
## 1. 제품 개요
- 제품명: 한국 야생화 퀴즈
- 목적: 사용자들이 한 국의 야생화를 이미지를 통해 학습하고 즐겁게 퀴즈를 풀 수 있는 웹 애플리케이션
- 대상: 야생화에 관심 있는 일반 사용자, 교육자, 학생
## 2. 핵심 기능
### 2.1 메인 화면
- 게임 시작 버튼
- 간단한 게임 설명
- 최고 점수 표시
- 난이도 선택 옵션 (초급/중급/고급)
### 2.2 퀴즈 게임
- 야생화 이미지 표시
- 4개의 선택지 제공
- 정답/오답 피드백
- 점수 시스템
- 진행 상황 표시 (예: 5/10)
### 2.3 결과 화면
- 최종 점수 표시
- 틀린 문제 복습 기능
- 다시 시작 버튼
- 공유하기 기능
## 3. 기술 스택
- 프론트엔드: Streamlit
- 데이터베이스: SQLite (문제 데이터 저장)
- 이미지 저장소: AWS S3 또는 GitHub
- 배포: Streamlit Cloud
## 4. 데이터 구조
```python
# 문제 데이터 구조
{
"id": int,
"image_url": str,
"correct_answer": str,
"options": [str],
"difficulty": str,
"description": str
}
```
## 5. 구현 단계
### Phase 1: 기본 구조
1. Streamlit 프로젝트 설정
2. 기본 UI 레이아웃 구현
3. 데이터베이스 스키마 설계
### Phase 2: 핵심 기능
1. 이미지 표시 기능
2. 퀴즈 로직 구현
3. 점수 시스템 구현
### Phase 3: 개선 및 배포
1. UI/UX 개선
2. 성능 최적화
3. Streamlit Cloud 배포
## 6. 성공 지표
- 일일 활성 사용자 수
- 평균 게임 완료 시간
- 정답률 통계
- 사용자 피드백
## 7. 향후 확장 계획
- 다국어 지원
- 사용자 계정 시스템
- 리더보드 기능
- 커스텀 퀴즈 생성 기능
이 PRD를 바탕으로 개발을 시작하시겠습니까? 특정 부분에 대해 더 자세한 설명이 필요하시다면 말씀해 주세요.
두번째 프롬프트 : 개발을 시작해줘
이제 기본적인 애플리케이션이 완성되었습니다. 주요 기능은 다음과 같습니다:
난이도 선택 (초급/중급/고급)
문제 수 선택 (5-20문제)
랜덤으로 섞인 문제 제공
정답/오답 피드백과 설명 제공
진행 상황과 현재 점수 표시
최종 정답률 계산
실행하기 위해서는 다음 단계가 필요합니다:
images 폴더에 각 야생화 이미지를 추가해야 합니다:
gaenari.jpg (개나리)
jindallae.jpg (진달래)
beotkkot.jpg (벚꽃)
mugunghwa.jpg (무궁화)
azalea.jpg (진달래)
cosmos.jpg (코스모스)
chrysanthemum.jpg (국화)
꽃이미지를 검색해서 image폴더에 저장하고 추가 프로프트를 작성했습니다.
이미지 크기 조정
정답과 오답을 메시지로 알려주기
예문을 세로에서 가로로 표시
실행화면