📢 핵심 30초 요약
"청소 다 했니?", "우유 상자 정리했니?" 매일 하교 전 잔소리는 이제 끝! 구글 제미나이(Gemini)에 프롬프트를 전달하면, 학생들이 하교 전 터치 한 번으로 [1인 1역 셀프 체크인 + Web Audio 칭찬 사운드 + 주간 5일 완주 성실 뱃지 수여 + 금요일 자동 정산 및 리셋]이 작동하는 단일 HTML 학급 경영 키오스크가 완성됩니다.
선생님, 그리고 아이들이 스스로 교실의 주인이 되어 책임을 다하는 자율적인 학급을 가꾸고 계신 교육자 여러분 안녕하세요! 프롬프트로 배우는 바이브 코딩 블로그 에디터입니다. 😊
학기 초 야심 차게 1인 1역(칠판 닦기, 우유 급식 배부, 창문 환기, 분리수거 등)을 정해두어도, 며칠 지나면 아이들이 깜빡 잊어버려 "선생님이 일일이 이름을 부르며 확인하고 잔소리하느라 지쳤던 경험" 다들 있으실 텐데요.
구글 제미나이(Gemini)용 바이브 코딩 프롬프트 하나면, 교실 뒤편 태블릿에 띄워두고 학생들이 하교 직전 자신의 이름과 역할을 터치하여 실천을 인증하고, 1주일간 성실히 역할을 다하면 황금 뱃지를 받는 '1인 1역 주간 달성 뱃지 보드'를 손쉽게 구축할 수 있답니다!
📊 제미나이 1인 1역 뱃지 보드의 3가지 핵심 기능
교사의 점검 부담을 없애고 학생의 책임감을 길러주는 게이미피케이션 자치 기능입니다.
| 무엇이 바뀌었나요? (영역) | 초보자를 위한 쉬운 설명 | 이렇게 한번 써보세요! |
|---|---|---|
| 🧹 하교 전 원터치 인증 (Kiosk Quick Check-in) |
학생 카드에 본인의 이름과 역할 아이콘이 함께 표시되어, 하교 전 터치 한 번으로 오늘 실천 여부를 1초 만에 기록합니다. | 가방을 메고 교실 문을 나서기 전 루틴으로 '셀프 하교 체크' 정착 |
| 🎖️ 주간 5일 완주 뱃지 (Weekly Badge Reward) |
월~금 5일간 매일 역할을 성실히 완수한 학생에게 금요일 하교 시 '🌟 이번 주 봉사 마스터' 3D 회전 황금 뱃지가 부여됩니다. | 스스로 역할을 해냈다는 성취감과 자아효능감 고취 |
| 🌳 학급 실천 협동 나무 (Classroom Progress Tree) |
우리 반 전체 학생들의 1인 1역 실천율(예: 95%)에 따라 화면 중앙의 '학급 나무'에 황금 사과 열매가 주렁주렁 열립니다. | 개인 경쟁을 넘어 "우리 반 나무에 열매를 맺자!"는 협동 문화 조성 |
💡 초보자를 위한 바이브 코딩 실전 사용 예시
학생들의 책임감과 자기관리 역량을 자연스럽게 길러주는 제미나이 전용 완성형 바이브 코딩 프롬프트입니다. AI가 학급의 1인 1역 역할 목록과 인원수를 먼저 조율하도록 '거꾸로 프롬프트(Reverse Prompting)'가 내장되어 있습니다.
🪄 제미나이 전용 '1인 1역 실천 체크 & 주간 뱃지' 만능 프롬프트
"당신은 초등 학급 경영 및 자치 활동 게이미피케이션 웹앱 전문 개발자입니다.
학생들이 하교 전 자신의 1인 1역 실천을 스스로 체크하고 주간 완주 뱃지를 받는 '1인 1역 실천 체크 & 뱃지 보드 웹앱'을 단일 HTML 파일(HTML+CSS+JS 내장)로 제작해 주세요.
[핵심 요구 기능 및 기술 사양]
1. 학생별 1인 1역 카드 그리드 (1번~25번):
- 각 카드에 학생 번호, 이름, 담당 역할(🧹 칠판 지우기, 🥛 우유 배부, 💡 소등·환기, 📚 도서 정리 등) 명시
- 카드 터치 시 '오늘 역할 완수!' 체크와 함께 부드러운 초록색 발광 및 칭찬 효과음(Web Audio API) 재생
2. 주간 5일 실천 트래커 (월~금 도장판):
- 요일별 실천 스탬프 5칸 누적 표시 (금요일 하교 시 5일 모두 체크된 학생에게 '🥇 주간 봉사 마스터' 뱃지 팝업 및 폭죽 효과)
3. 학급 협동 실천 게이지 (상단 비주얼):
- 오늘 우리 반 전체 1인 1역 실천율(%)을 시각적 게이지 및 풍성한 사과나무 그래픽으로 표현
4. 로컬스토리지 영구 보관 & 주간 자동 리셋:
- 브라우저 재부팅 시에도 일주일간의 데이터 안전 유지
- 우측 상단 🔒 교사용 메뉴(비밀번호 1234): 역할 명단 일괄 수정, 주간 통계 엑셀(CSV) 저장, '새로운 주 시작(리셋)' 버튼 제공
5. 디자인: 따뜻한 우드/파스텔 톤의 교실 게시판 테마, 태블릿 키오스크 터치 최적화 레이아웃
코드를 작성하기 전, 학급 총 학생 수나 우리 반만의 1인 1역 역할 목록(예: 식물 물주기 등)을 수정할지 나에게 2가지 질문을 먼저 물어봐줘."
학생들이 하교 전 자신의 1인 1역 실천을 스스로 체크하고 주간 완주 뱃지를 받는 '1인 1역 실천 체크 & 뱃지 보드 웹앱'을 단일 HTML 파일(HTML+CSS+JS 내장)로 제작해 주세요.
[핵심 요구 기능 및 기술 사양]
1. 학생별 1인 1역 카드 그리드 (1번~25번):
- 각 카드에 학생 번호, 이름, 담당 역할(🧹 칠판 지우기, 🥛 우유 배부, 💡 소등·환기, 📚 도서 정리 등) 명시
- 카드 터치 시 '오늘 역할 완수!' 체크와 함께 부드러운 초록색 발광 및 칭찬 효과음(Web Audio API) 재생
2. 주간 5일 실천 트래커 (월~금 도장판):
- 요일별 실천 스탬프 5칸 누적 표시 (금요일 하교 시 5일 모두 체크된 학생에게 '🥇 주간 봉사 마스터' 뱃지 팝업 및 폭죽 효과)
3. 학급 협동 실천 게이지 (상단 비주얼):
- 오늘 우리 반 전체 1인 1역 실천율(%)을 시각적 게이지 및 풍성한 사과나무 그래픽으로 표현
4. 로컬스토리지 영구 보관 & 주간 자동 리셋:
- 브라우저 재부팅 시에도 일주일간의 데이터 안전 유지
- 우측 상단 🔒 교사용 메뉴(비밀번호 1234): 역할 명단 일괄 수정, 주간 통계 엑셀(CSV) 저장, '새로운 주 시작(리셋)' 버튼 제공
5. 디자인: 따뜻한 우드/파스텔 톤의 교실 게시판 테마, 태블릿 키오스크 터치 최적화 레이아웃
코드를 작성하기 전, 학급 총 학생 수나 우리 반만의 1인 1역 역할 목록(예: 식물 물주기 등)을 수정할지 나에게 2가지 질문을 먼저 물어봐줘."
🏃 실전 적용 3단계 순서
- 1단계 (제미나이에 프롬프트 입력): 위 프롬프트를 복사하여 구글 제미나이에 전달하고, 우리 반 1인 1역 역할 종류에 맞춰 AI 질문에 답합니다.
- 2단계 (HTML 파일 저장): 제미나이가 완성해 준 단일 HTML 코드를 메모장에 붙여넣고
duty_board.html로 저장합니다. - 3단계 (교실 뒤편 태블릿 배치): 교실 뒤편이나 사물함 위 태블릿에서 파일을 전체화면으로 띄워두면, 하교 전 아이들이 스스로 역할을 챙기고 뱃지를 모으는 책임감 넘치는 학급이 완성됩니다!
🎯 에디터 한줄평
"책임감은 지시받을 때가 아니라, 나의 작은 역할이 학급 전체를 빛나게 만든다는 것을 체감할 때 자라납니다. 제미나이 바이브 코딩으로 아이들에게 자율적인 성장의 즐거움을 선물해 보세요!"
📌 구글 제미나이 웹 및 개발자 리소스
Google Gemini 공식 포털 바로가기 🔗
