📢 핵심 30초 요약
교사의 일방적인 스티커 검사에서 벗어나 학생 주도 자치 활동을 실현하세요! 구글 제미나이(Gemini)에 프롬프트를 전달하면, [학생별 이름 터치 원클릭 스탬프 + Web Audio 도장 쿵! 사운드 + 학급 목표 달성 게이지 + 월말 통계 차트]가 작동하는 단일 HTML 키오스크 웹앱이 단 1분 만에 완성됩니다.
선생님, 그리고 아이들의 올바른 생활습관 형성과 자율적인 학급 문화를 꿈꾸시는 교육자 여러분 안녕하세요! 프롬프트로 배우는 바이브 코딩 블로그 에디터입니다. 😊
1인 1역 완수, 급식 잔반 제로, 고운 말 쓰기, 정리정돈 등 매일매일 확인해야 할 생활습관을 선생님 혼자 수첩에 기록하고 스티커를 붙여주느라 "퇴근 무렵이면 손목도 아프고 행정 부담이 컸던 경험" 많으셨죠?
구글 제미나이(Gemini)용 바이브 코딩 프롬프트 하나면, 학생들이 스스로 실천한 약속을 교실 앞 태블릿에서 터치해 자신의 디지털 도장판에 스탬프를 찍고, 학급 전체의 공동 목표 달성률을 함께 채워가는 '학생 주도 마일리지 스탬프 키오스크'를 손쉽게 구축할 수 있답니다!
📊 제미나이 생활습관 스탬프 앱의 3가지 핵심 기능
교사의 생활지도 피로도를 낮추고 학생의 자율성을 극대화한 스마트 자치 기능입니다.
| 무엇이 바뀌었나요? (영역) | 초보자를 위한 쉬운 설명 | 이렇게 한번 써보세요! |
|---|---|---|
| 👆 학생 이름 터치 적립 (Touch Kiosk UI) |
1번부터 25번까지 학생 번호/이름 타일을 누르고 [1인 1역 / 잔반 제로 / 고운 말]을 고르면 1초 만에 도장이 쾅 찍힙니다. | 급식 후나 청소 시간 직후 학생들이 스스로 셀프 체크인 |
| 🔊 실감 나는 도장 사운드 (Web Audio & Confetti) |
도장을 찍을 때마다 묵직한 타격음이 울리고, 10칸/20칸 스탬프판을 가득 채우면 화면 가득 축하 폭죽이 터집니다. | 별도 음원 파일 없이 브라우저 자체 합성으로 끊김 없는 사운드 제공 |
| 📈 학급 목표 달성률 차트 (Monthly Class Gauge) |
개인 간 과도한 경쟁 대신, 우리 반 전체 누적 스탬프가 목표치(예: 300개)에 도달하는 과정을 큰 게이지 바로 시각화합니다. | 월말 학급 자치 회의 때 게이지를 확인하고 다 함께 '학급 파티' 보상 누리기 |
💡 초보자를 위한 바이브 코딩 실전 사용 예시
학생 중심 자치 역량과 민주적 공동체 의식을 길러주는 제미나이 전용 완성형 바이브 코딩 프롬프트입니다. AI가 학급 인원수와 스탬프 항목을 먼저 확인하도록 '거꾸로 프롬프트(Reverse Prompting)'가 내장되어 있습니다.
🪄 제미나이 전용 '생활습관 마일리지 스탬프' 만능 프롬프트
"당신은 초등 학급 경영 및 생활습관 게이미피케이션 웹앱 전문 개발자입니다.
학생들이 스스로 생활 규칙을 실천하고 스탬프를 적립하는 '학생 주도 칭찬 마일리지 스탬프 키오스크 웹앱'을 단일 HTML 파일(HTML+CSS+JS 내장)로 제작해 주세요.
[핵심 요구 기능 및 기술 사양]
1. 학생 그리드 및 원클릭 적립 UI:
- 1번~25번 학생 이름/번호 카드 배치 (학생 카드 터치 시 스탬프 모달 오픈)
- 4대 실천 항목: 🧹 1인 1역 완수 / 🍱 급식 잔반 제로 / 💬 고운 말 실천 / 📖 아침 독서·정리정돈
2. 개인별 디지털 스탬프 판 (10칸/20칸 도장 카드):
- 실천 항목 클릭 시 묵직한 '쾅!' 도장 날인 효과음(Web Audio API 합성)과 함께 도장 애니메이션 적립
- 10칸 완주 시 Canvas 축하 색종이 폭죽(Confetti) 및 칭찬 팝업 표시
3. 학급 공동체 목표 달성 게이지 (상단 배너):
- 이번 달 우리 반 목표 스탬프(예: 200개) 중 현재 누적 개수를 채워주는 실시간 프로그레스 바 렌더링
4. 로컬스토리지 영구 보관 & 교사용 관리자 패널:
- 브라우저 새로고침이나 태블릿 재부팅 후에도 전체 스탬프 데이터 영구 유지
- 우측 상단 🔒 관리자 메뉴(비밀번호 1234): 학생 명단 일괄 수정, 월별 데이터 엑셀(CSV) 다운로드, 초기화 기능
5. 디자인: 따뜻하고 직관적인 카드형 UI, 태블릿 키오스크 터치 최적화 레이아웃
코드를 작성하기 전, 학급 총 학생 수나 우리 반만의 특별 실천 규칙(예: 우유팩 정리 등)을 추가할지 나에게 2가지 질문을 먼저 물어봐줘."
학생들이 스스로 생활 규칙을 실천하고 스탬프를 적립하는 '학생 주도 칭찬 마일리지 스탬프 키오스크 웹앱'을 단일 HTML 파일(HTML+CSS+JS 내장)로 제작해 주세요.
[핵심 요구 기능 및 기술 사양]
1. 학생 그리드 및 원클릭 적립 UI:
- 1번~25번 학생 이름/번호 카드 배치 (학생 카드 터치 시 스탬프 모달 오픈)
- 4대 실천 항목: 🧹 1인 1역 완수 / 🍱 급식 잔반 제로 / 💬 고운 말 실천 / 📖 아침 독서·정리정돈
2. 개인별 디지털 스탬프 판 (10칸/20칸 도장 카드):
- 실천 항목 클릭 시 묵직한 '쾅!' 도장 날인 효과음(Web Audio API 합성)과 함께 도장 애니메이션 적립
- 10칸 완주 시 Canvas 축하 색종이 폭죽(Confetti) 및 칭찬 팝업 표시
3. 학급 공동체 목표 달성 게이지 (상단 배너):
- 이번 달 우리 반 목표 스탬프(예: 200개) 중 현재 누적 개수를 채워주는 실시간 프로그레스 바 렌더링
4. 로컬스토리지 영구 보관 & 교사용 관리자 패널:
- 브라우저 새로고침이나 태블릿 재부팅 후에도 전체 스탬프 데이터 영구 유지
- 우측 상단 🔒 관리자 메뉴(비밀번호 1234): 학생 명단 일괄 수정, 월별 데이터 엑셀(CSV) 다운로드, 초기화 기능
5. 디자인: 따뜻하고 직관적인 카드형 UI, 태블릿 키오스크 터치 최적화 레이아웃
코드를 작성하기 전, 학급 총 학생 수나 우리 반만의 특별 실천 규칙(예: 우유팩 정리 등)을 추가할지 나에게 2가지 질문을 먼저 물어봐줘."
🏃 실전 적용 3단계 순서
- 1단계 (제미나이에 프롬프트 입력): 위 프롬프트를 복사하여 구글 제미나이에 전달하고, 우리 반 학생 수와 규칙에 맞춰 AI 질문에 답합니다.
- 2단계 (HTML 파일 저장): 제미나이가 완성해 준 단일 HTML 코드를 메모장에 붙여넣고
stamp_kiosk.html로 저장합니다. - 3단계 (교실 앞 태블릿 배치): 교실 입구 태블릿에서 파일을 열어두면, 선생님의 잔소리 없이도 아이들이 자발적으로 규칙을 지키고 스탬프를 채워가는 자율적 학급이 완성됩니다!
🎯 에디터 한줄평
"좋은 생활습관은 교사의 감시가 아닌, 아이들의 '작은 실천에 대한 즐거운 인정'에서 자라납니다. 제미나이 바이브 코딩으로 아이들에게 성취의 기쁨을 선물해 보세요!"
📌 구글 제미나이 웹 및 개발자 리소스
Google Gemini 공식 포털 바로가기 🔗
