📢 핵심 30초 요약
1인 1역과 학급 규칙 지키기를 즐거운 게임으로 바꿔보세요! 구글 제미나이(Gemini)에 프롬프트 한 줄만 전달하면, [로컬스토리지 영구 저장 + 5단계 알·펫 진화 시스템 + Web Audio 냠냠/진화 사운드 + 교실 태블릿 상시 키오스크 UI]가 탑재된 단일 HTML 학급 펫 육성 웹앱이 단 1분 만에 완성됩니다.
선생님, 그리고 아이들이 스스로 돕고 배려하는 화목한 학급 공동체를 만들고 싶으신 교육자 여러분 안녕하세요! 프롬프트로 배우는 바이브 코딩 블로그 에디터입니다. 😊
매일 1인 1역(칠판 닦기, 우유 급식, 쓰레기 분리수거 등)을 잔소리하며 검사하거나, 칭찬 스티커 판이 가득 차면 일일이 도장을 찍어주느라 번거로웠던 경험 많으셨죠?
유료 플랫폼 없이 구글 제미나이(Gemini)용 바이브 코딩 프롬프트 하나면, 학생들이 자신의 역할을 완수할 때마다 교실 앞 태블릿을 터치해 우리 반의 가상 수호 펫(다마고치)에게 먹이를 주고 알에서부터 전설의 드래곤까지 진화시키는 '게이미피케이션 학급 경영 보드'를 손쉽게 구축할 수 있답니다!
📊 제미나이 학급 펫 육성 시스템의 3가지 핵심 매력
기존 스티커 보드를 완벽히 대체하는 지능형 디지털 학급 자치 기능입니다.
| 무엇이 바뀌었나요? (영역) | 초보자를 위한 쉬운 설명 | 이렇게 한번 써보세요! |
|---|---|---|
| 🥚 5단계 협동 진화 시스템 (Evolution Gamification) |
알 ➔ 아기 펫 ➔ 어린이 펫 ➔ 청소년 펫 ➔ 전설의 수호신 펫으로 학급 전체 누적 점수에 따라 외형이 화려하게 변신합니다. | 진화할 때마다 학급 보상(예: '자유놀이 10분 쿠폰')과 연계하여 공동체 성취감 부여 |
| 💾 자동 저장 & 키오스크 모드 (localStorage Persistent) |
서버 로그인 없이 브라우저(localStorage)에 경험치와 레벨이 자동 저장되므로, 교실 태블릿 전원을 껐다 켜도 데이터가 안전합니다. | 교실 앞 벽면 태블릿에 '전체화면'으로 켜두고 상시 운영 |
| 🎶 펫 반응 인터랙션 & 소리 (Web Audio & Animation) |
먹이를 주면 펫이 퐁퐁 뛰며 하트 이펙트와 함께 냠냠 사운드가 재생되고, 진화 시 축하 폭죽(Confetti)이 터집니다. | 1인 1역 완수 시 🧹 청소 사료, 고운 말 사용 시 💖 칭찬 열매 터치 |
💡 초보자를 위한 바이브 코딩 실전 사용 예시
학생들의 자기관리 역량과 공동체 의식을 키워주는 제미나이 전용 완성형 바이브 코딩 프롬프트입니다. AI가 펫의 종류와 경험치 기준을 먼저 조율하도록 '거꾸로 프롬프트(Reverse Prompting)'가 내장되어 있습니다.
🪄 제미나이 전용 '학급 칭찬 다마고치 펫' 만능 프롬프트
"당신은 초등 학급 경영 게이미피케이션 및 상호작용 웹앱 전문 개발자입니다.
학생들의 1인 1역 실천과 선행을 모아 함께 키우는 '학급 수호 펫 다마고치 웹앱'을 단일 HTML 파일(HTML+CSS+JS 내장)로 제작해 주세요.
[핵심 요구 기능 및 기술 사양]
1. 5단계 펫 진화 시스템 (SVG 및 이모지 기반):
- 1단계: 🥚 신비한 알 (0~50점)
- 2단계: 🐣 아기 병아리 요정 (51~150점)
- 3단계: 🐱 날개 달린 고양이 (151~300점)
- 4단계: 🦄 무지개 유니콘 (301~500점)
- 5단계: 🐉 전설의 학급 수호룡 (500점 달성 완료)
2. 4대 칭찬 먹이 주기 터치 버튼:
- 🧹 [1인 1역 완수]: 펫에게 든든한 밥 주기 (+10 EXP)
- 💖 [고운 말 & 선행]: 사랑의 하트 열매 주기 (+15 EXP)
- 📖 [아침 독서 실천]: 지혜의 별사탕 주기 (+10 EXP)
- 🤝 [모둠 협동 칭찬]: 황금 클로버 주기 (+20 EXP)
3. 로컬스토리지 영구 보관 & 교사용 관리자 기능:
- 브라우저 새로고침이나 태블릿 재부팅 후에도 누적 점수와 현재 레벨 자동 유지
- 우측 상단 ⚙️ 관리자 설정(비밀번호 1234): 점수 수동 조정, 학급명('O학년 O반 수호 펫') 수정, 초기화 기능
4. 애니메이션 & Web Audio API 사운드:
- 버튼 클릭 시 펫이 점프하며 말풍선("오늘도 고마워요!", "쑥쑥 자라는 중!") 출력 + 냠냠 효과음 재생
- 진화 단계 도달 시 Canvas 화면 폭죽(Confetti) 및 레벨업 팡파르 울림
5. 디자인: 귀여운 파스텔톤 동화풍 배경, 교실 키오스크 태블릿 가로/세로 반응형 풀스크린 UI
코드를 작성하기 전, 펫 캐릭터 종류(예: 동물 vs 드래곤 vs 식물)나 먹이 버튼 항목을 수정할 필요가 있는지 나에게 2가지 질문을 먼저 물어봐줘."
학생들의 1인 1역 실천과 선행을 모아 함께 키우는 '학급 수호 펫 다마고치 웹앱'을 단일 HTML 파일(HTML+CSS+JS 내장)로 제작해 주세요.
[핵심 요구 기능 및 기술 사양]
1. 5단계 펫 진화 시스템 (SVG 및 이모지 기반):
- 1단계: 🥚 신비한 알 (0~50점)
- 2단계: 🐣 아기 병아리 요정 (51~150점)
- 3단계: 🐱 날개 달린 고양이 (151~300점)
- 4단계: 🦄 무지개 유니콘 (301~500점)
- 5단계: 🐉 전설의 학급 수호룡 (500점 달성 완료)
2. 4대 칭찬 먹이 주기 터치 버튼:
- 🧹 [1인 1역 완수]: 펫에게 든든한 밥 주기 (+10 EXP)
- 💖 [고운 말 & 선행]: 사랑의 하트 열매 주기 (+15 EXP)
- 📖 [아침 독서 실천]: 지혜의 별사탕 주기 (+10 EXP)
- 🤝 [모둠 협동 칭찬]: 황금 클로버 주기 (+20 EXP)
3. 로컬스토리지 영구 보관 & 교사용 관리자 기능:
- 브라우저 새로고침이나 태블릿 재부팅 후에도 누적 점수와 현재 레벨 자동 유지
- 우측 상단 ⚙️ 관리자 설정(비밀번호 1234): 점수 수동 조정, 학급명('O학년 O반 수호 펫') 수정, 초기화 기능
4. 애니메이션 & Web Audio API 사운드:
- 버튼 클릭 시 펫이 점프하며 말풍선("오늘도 고마워요!", "쑥쑥 자라는 중!") 출력 + 냠냠 효과음 재생
- 진화 단계 도달 시 Canvas 화면 폭죽(Confetti) 및 레벨업 팡파르 울림
5. 디자인: 귀여운 파스텔톤 동화풍 배경, 교실 키오스크 태블릿 가로/세로 반응형 풀스크린 UI
코드를 작성하기 전, 펫 캐릭터 종류(예: 동물 vs 드래곤 vs 식물)나 먹이 버튼 항목을 수정할 필요가 있는지 나에게 2가지 질문을 먼저 물어봐줘."
🏃 실전 적용 3단계 순서
- 1단계 (제미나이에 프롬프트 입력): 위 프롬프트를 복사하여 구글 제미나이에 전달하고, 우리 반 펫 캐릭터 취향에 맞춰 AI 질문에 답합니다.
- 2단계 (HTML 파일 저장): 제미나이가 완성해 준 단일 HTML 코드를 메모장에 붙여넣고
class_pet.html로 저장합니다. - 3단계 (교실 키오스크 구동): 교실 앞 태블릿에서 파일을 열고 전체화면으로 띄워두면, 아이들이 스스로 청소하고 서로를 배려하며 다 함께 펫을 키워나가는 따뜻한 교실이 펼쳐집니다!
🎯 에디터 한줄평
"선생님의 열 마디 잔소리보다, 다 함께 키우는 학급 펫 한 마리가 아이들의 자발적 실천을 이끌어냅니다. 제미나이 바이브 코딩으로 교실에 즐거운 게이미피케이션의 마법을 불어넣어 보세요!"
📌 구글 제미나이 웹 및 개발자 리소스
Google Gemini 공식 포털 바로가기 🔗
