📢 핵심 30초 요약
개인정보 유출 걱정 없이 학급 게이미피케이션의 재미를 100% 누리세요! 구글 제미나이(Gemini)에 프롬프트를 입력하면, 실명이나 연락처 없이 [학생 번호+비밀 PIN 로그인 + 1인 1역 실천 칭찬 코인 적립 + 보상 쿠폰 상점 + 짤랑짤랑 Web Audio 효과음]이 탑재된 단일 HTML 키오스크 웹앱이 완성됩니다.
선생님, 그리고 아이들의 자발적인 학급 봉사와 규칙 준수를 이끌어내면서도 학생 개인정보 보호를 철저히 지키고 싶으신 교육자 여러분 안녕하세요! 프롬프트로 배우는 바이브 코딩 블로그 에디터입니다. 😊
학급 칭찬 보상 시스템을 디지털로 운영하고 싶어도 "학생 실명이나 개인정보가 웹에 저장되는 것이 불안하고, 외부 상용 플랫폼은 회원가입 절차가 번거로워 주저했던 경험" 다들 있으실 텐데요.
구글 제미나이(Gemini)용 바이브 코딩 프롬프트 하나면, 서버나 회원가입 없이 오직 브라우저 로컬스토리지와 '학생 번호 + 4자리 비밀 PIN'만으로 아이들이 1인 1역을 완수할 때마다 코인을 모으고 [짝꿍 선택권], [자유놀이 쿠폰] 등으로 교환하는 '개인정보 안심 칭찬 코인 교환소'를 단 1분 만에 구축할 수 있답니다!
📊 제미나이 칭찬 코인 교환소의 3가지 핵심 기능
개인정보 보호 원칙(Privacy by Design)과 학급 자치 게이미피케이션을 결합한 핵심 기능입니다.
| 무엇이 바뀌었나요? (영역) | 초보자를 위한 쉬운 설명 | 이렇게 한번 써보세요! |
|---|---|---|
| 🛡️ 100% 비식별 개인정보 보호 (Zero-PII PIN Auth) |
실명, 전화번호 일체 없이 학생 번호(1~25번)와 본인만 아는 4자리 PIN 번호로 안전하게 접속합니다. | 교실 앞 공용 태블릿 키오스크에 안심하고 상시 실행 |
| 🪙 1인 1역 칭찬 코인 지갑 (Praise Coin Wallet) |
청소 완수, 고운 말 쓰기, 급식 잔반 줄이기 실천 시 짤랑짤랑 동전 소리와 함께 디지털 코인이 적립됩니다. | 자신의 누적 코인 잔액과 일일 적립 내역 실시간 확인 |
| 🎟️ 보상 쿠폰 마켓플레이스 (Coupon Marketplace) |
모은 코인으로 [선생님과 1:1 보드게임권], [급식 1등 줄서기권] 등 학급 전용 쿠폰을 구매하고 교환권을 출력합니다. | 학생 자치 회의를 통해 아이들이 직접 쿠폰 품목 제정 |
💡 초보자를 위한 바이브 코딩 실전 사용 예시
초보자도 에러 없이 바로 실행할 수 있도록 '에러 방지 기본 안전장치(로컬스토리지 예외 처리, Web Audio 코인 효과음, 중복 결제 방지)'가 내장되고, 우리 반 상황에 맞게 조율하는 '거꾸로 프롬프트(Reverse Prompting)'가 적용된 제미나이 전용 만능 프롬프트입니다.
🪄 제미나이 전용 '개인정보 안심 칭찬 코인 교환소' 만능 프롬프트
"당신은 초등 학급 경영 게이미피케이션 및 개인정보 보호(Privacy by Design) 웹앱 전문 개발자입니다.
학생들의 민감한 개인정보 없이 번호와 PIN으로 작동하는 '칭찬 코인 적립 & 쿠폰 교환소 키오스크 웹앱'을 단일 HTML 파일(HTML+CSS+JS 내장)로 제작해 주세요.
[에러 방지 기본 환경 세팅 (Zero-Error Baseline)]
1. 개인정보 제로 원칙: 실명/연락처 입력란을 일체 두지 않고, 1번~25번 학생 번호와 4자리 PIN(기본값: 번호뒤 '00' 등 간이 비밀번호) 체계로만 데이터를 식별해 주세요.
2. 로컬스토리지 영구 보관: 태블릿 전원 재부팅 후에도 잔액과 보유 쿠폰 내역이 유지되도록 처리하고 예외 방어 코드를 포함해 주세요.
3. Web Audio 코인 짤랑 사운드 & 구매 팡파르: 코인 적립 시 짤랑짤랑 동전 효과음, 쿠폰 구매 시 축하 팡파르 및 색종이 폭죽(Confetti) 재생
4. 코드 생략 금지: 주석 생략 없이 복사하여 즉시 브라우저에서 실행 가능한 100% 완전한 단일 HTML 코드로 출력해 주세요.
[핵심 요구 기능 및 기술 사양]
1. 학생 번호 + PIN 원터치 키패드 로그인 (키오스크 뷰):
- 자신의 번호 선택 후 4자리 숫자 PIN 입력 시 나의 지갑 대시보드로 즉시 전환
2. 칭찬 코인 적립 영역:
- 🧹 [1인 1역 완수 +10🪙], 💖 [고운 말 실천 +10🪙], 🍱 [잔반 제로 +15🪙], 🤝 [모둠 돕기 +20🪙] 원터치 적립 버튼
3. 학급 보상 쿠폰 상점 (Marketplace):
- 🎫 [짝꿍 선택권 100🪙], 👑 [1일 급식 1등 줄서기권 30🪙], 🎮 [자유놀이 10분권 50🪙], 🎵 [아침 BGM DJ권 20🪙]
- 쿠폰 구매 시 잔액 차감 및 '내 보유 쿠폰함'에 디지털 교환권 발급
4. 교사용 관리자 패널:
- 🔒 설정(비밀번호 1234): 학생별 코인 수동 지급/차감, 쿠폰 품목 가격 수정, 전체 데이터 엑셀(CSV) 백업 및 초기화 지원
5. 디자인: 귀여운 아케이드 게임 상점 테마의 옐로우/오렌지 톤 카드 UI (태블릿 터치 완벽 호환)
코드를 작성하기 전, 학급 총 인원수(예: 25명)나 쿠폰 상점에 넣고 싶은 우리 반만의 보상 항목을 나에게 2가지 질문을 먼저 물어봐줘."
학생들의 민감한 개인정보 없이 번호와 PIN으로 작동하는 '칭찬 코인 적립 & 쿠폰 교환소 키오스크 웹앱'을 단일 HTML 파일(HTML+CSS+JS 내장)로 제작해 주세요.
[에러 방지 기본 환경 세팅 (Zero-Error Baseline)]
1. 개인정보 제로 원칙: 실명/연락처 입력란을 일체 두지 않고, 1번~25번 학생 번호와 4자리 PIN(기본값: 번호뒤 '00' 등 간이 비밀번호) 체계로만 데이터를 식별해 주세요.
2. 로컬스토리지 영구 보관: 태블릿 전원 재부팅 후에도 잔액과 보유 쿠폰 내역이 유지되도록 처리하고 예외 방어 코드를 포함해 주세요.
3. Web Audio 코인 짤랑 사운드 & 구매 팡파르: 코인 적립 시 짤랑짤랑 동전 효과음, 쿠폰 구매 시 축하 팡파르 및 색종이 폭죽(Confetti) 재생
4. 코드 생략 금지: 주석 생략 없이 복사하여 즉시 브라우저에서 실행 가능한 100% 완전한 단일 HTML 코드로 출력해 주세요.
[핵심 요구 기능 및 기술 사양]
1. 학생 번호 + PIN 원터치 키패드 로그인 (키오스크 뷰):
- 자신의 번호 선택 후 4자리 숫자 PIN 입력 시 나의 지갑 대시보드로 즉시 전환
2. 칭찬 코인 적립 영역:
- 🧹 [1인 1역 완수 +10🪙], 💖 [고운 말 실천 +10🪙], 🍱 [잔반 제로 +15🪙], 🤝 [모둠 돕기 +20🪙] 원터치 적립 버튼
3. 학급 보상 쿠폰 상점 (Marketplace):
- 🎫 [짝꿍 선택권 100🪙], 👑 [1일 급식 1등 줄서기권 30🪙], 🎮 [자유놀이 10분권 50🪙], 🎵 [아침 BGM DJ권 20🪙]
- 쿠폰 구매 시 잔액 차감 및 '내 보유 쿠폰함'에 디지털 교환권 발급
4. 교사용 관리자 패널:
- 🔒 설정(비밀번호 1234): 학생별 코인 수동 지급/차감, 쿠폰 품목 가격 수정, 전체 데이터 엑셀(CSV) 백업 및 초기화 지원
5. 디자인: 귀여운 아케이드 게임 상점 테마의 옐로우/오렌지 톤 카드 UI (태블릿 터치 완벽 호환)
코드를 작성하기 전, 학급 총 인원수(예: 25명)나 쿠폰 상점에 넣고 싶은 우리 반만의 보상 항목을 나에게 2가지 질문을 먼저 물어봐줘."
🏃 실전 적용 3단계 순서
- 1단계 (제미나이에 프롬프트 입력): 위 프롬프트를 복사하여 구글 제미나이에 전달하고, 우리 반 보상 쿠폰 종류에 맞춰 AI 질문에 답합니다.
- 2단계 (HTML 파일 저장): 제미나이가 완성해 준 단일 HTML 코드를 메모장에 붙여넣고
praise_coin_shop.html로 저장합니다. - 3단계 (교실 키오스크 가동): 교실 앞 태블릿에 띄워두면, 개인정보 유출 걱정 없이 아이들이 신나게 봉사하고 코인을 모으는 즐거운 학급이 완성됩니다!
🎯 에디터 한줄평
"안전한 디지털 환경 위에서 피어나는 칭찬과 보상은 아이들의 자율성을 가장 건강하게 깨워줍니다. 제미나이 바이브 코딩으로 개인정보 걱정 없는 신나는 칭찬 교환소를 선물해 보세요!"
📌 구글 제미나이 웹 및 개발자 리소스
Google Gemini 공식 포털 바로가기 🔗
