📢 핵심 30초 요약
"선생님, 저 지난주에도 분리수거 했는데 또 걸렸어요!" 청소 배정 불만은 이제 끝! 구글 제미나이(Gemini)에 프롬프트를 입력하면, [최근 4주 누적 이력 기억 + 기피 구역 연속 배정 0% 방어 알고리즘 + 긴장감 넘치는 룰렛 추첨 + A4 주간 당번표 인쇄]가 지원되는 단일 HTML 청소 로테이션 웹앱이 완성됩니다.
선생님, 그리고 매주 월요일 아침 청소 구역을 바꿀 때마다 아이들의 공정성 시비 없이 평화로운 학급을 만들고 싶으신 교육자 여러분 안녕하세요! 프롬프트로 배우는 바이브 코딩 블로그 에디터입니다. 😊
단순 무작위 제비뽑기나 난수 프로그램으로 청소 당번을 뽑다 보면, "특정 학생이 힘든 구역(화장실, 분리수거장)에 2주 연속 걸리거나 편한 구역만 반복되는 불공정 문제 때문에 원성을 샀던 경험" 다들 있으실 텐데요.
구글 제미나이(Gemini)용 바이브 코딩 프롬프트 하나면, 브라우저가 최근 4주간의 배정 기록을 기억하여 기피 구역에 배정되었던 학생의 가중치를 자동 조정하고 모든 학생이 한 학기 동안 모든 구역을 균등하게 순환하는 '100% 공정 청소 로테이션 트래커'를 단 1분 만에 구축할 수 있답니다!
📊 제미나이 공정 순환 청소 트래커의 3가지 핵심 기능
배정 공정성 시비를 원천 차단하고 학생들의 학급 자치 신뢰도를 높여주는 지능형 순환 기능입니다.
| 무엇이 바뀌었나요? (영역) | 초보자를 위한 쉬운 설명 | 이렇게 한번 써보세요! |
|---|---|---|
| 🧠 4주 누적 이력 기억 (History Weight Engine) |
직전 주에 분리수거나 복도 청소를 한 학생은 해당 구역 배정 확률이 0%로 차단되며, 덜 해본 구역으로 우선 배정됩니다. | "왜 내가 또 걸렸지?"라는 의심 자체를 수학적으로 방지 |
| 🎰 3초 룰렛 슬롯 애니메이션 (Web Audio & Roulette) |
전자칠판에 띄우고 '추첨 시작'을 누르면 두구두구 회전음과 함께 학생 이름이 슬롯머신처럼 돌다 짝 맞춰 확정됩니다. | 월요일 아침 조회 시간에 다 함께 축제처럼 즐겁게 추첨 |
| 🖨️ 투명 이력 조회 & 인쇄 (Print Sheet & Modal) |
학생 번호를 누르면 지난 4주간 수행한 청소 이력이 투명하게 공개되며, A4 1장 교실 게시용 주간 청소 배치표가 출력됩니다. | 교실 뒤편 게시판 부착 및 학급 자치 포트폴리오 보관 |
💡 초보자를 위한 바이브 코딩 실전 사용 예시
초보자도 에러 없이 바로 실행할 수 있도록 '에러 방지 기본 안전장치(로컬스토리지 이력 자동 보관, 알고리즘 무한루프 방어, 룰렛 사운드 내장)'가 내장되고, 우리 반 구역에 맞게 조율하는 '거꾸로 프롬프트(Reverse Prompting)'가 적용된 제미나이 전용 만능 프롬프트입니다.
🪄 제미나이 전용 '누적 이력 기반 공정 청소 로테이션' 만능 프롬프트
"당신은 초등 학급 경영 및 공정 배정 알고리즘 인터랙티브 웹앱 전문 개발자입니다.
과거 청소 배정 이력을 누적 기억하여 기피 구역 중복을 방지하는 '누적 이력 가중치 기반 공정 순환 청소 트래커 웹앱'을 단일 HTML 파일(HTML+CSS+JS 내장)로 제작해 주세요.
[에러 방지 기본 환경 세팅 (Zero-Error Baseline)]
1. 완전한 독립형 단일 파일: 외부 서버 없이 브라우저 로컬스토리지에 최근 4~8주간의 배정 히스토리가 안전하게 영구 저장되도록 구현해 주세요.
2. 알고리즘 무한루프 방어: 가중치 매칭 시 조건 충돌로 인한 멈춤 현상을 방지하도록 최대 100회 시도 후 최적해를 도출하는 백트래킹 방어 코드를 내장해 주세요.
3. Web Audio 룰렛 & 팡파르: 추첨 시 경쾌한 룰렛 회전음 및 배정 완료 축하 팡파르 자체 합성
4. 코드 생략 금지: 주석 생략 없이 복사하여 즉시 브라우저에서 실행 가능한 100% 완전한 단일 HTML 코드로 출력해 주세요.
[핵심 요구 기능 및 기술 사양]
1. 과거 이력 기반 공정 가중치 로테이션 엔진:
- 5대 청소 구역(🧹 교실 바닥, 🪟 창문·사물함, 🧼 칠판·교탁, ♻️ 분리수거, 🧻 화장실/복도) 설정
- 직전 주에 수행한 구역은 다음 주 배정에서 배제(연속 배정 0%)하고, 전체 학기 동안 구역별 수행 횟수가 균등해지도록 자동 우선순위 계산
2. 전자칠판 3초 룰렛 추첨 인터랙션:
- '🎲 이번 주 청소 당번 추첨' 버튼 클릭 시 3초간 이름이 슬롯머신처럼 회전 후 최종 구역별 카드에 착지
3. 학생별 투명 이력 조회 & A4 인쇄:
- 학생 번호 클릭 시 [최근 4주 청소 수행 기록] 팝업 모달 제공
- '🖨️ 주간 청소 당번표 인쇄(A4 가로 서식)' 원클릭 지원
4. 교사용 관리자 패널:
- 🔒 설정(비밀번호 1234): 학생 명단 및 구역별 필요 인원수 수정, 이전 배정 수동 변경, 학기 초기화 기능
5. 디자인: 산뜻하고 깔끔한 민트/네이비 톤 대시보드 UI (전자칠판 및 태블릿 완벽 호환)
코드를 작성하기 전, 학급 총 학생 수(예: 25명)나 우리 학교 청소 구역 목록(인원수 포함)을 나에게 2가지 질문을 먼저 물어봐줘."
과거 청소 배정 이력을 누적 기억하여 기피 구역 중복을 방지하는 '누적 이력 가중치 기반 공정 순환 청소 트래커 웹앱'을 단일 HTML 파일(HTML+CSS+JS 내장)로 제작해 주세요.
[에러 방지 기본 환경 세팅 (Zero-Error Baseline)]
1. 완전한 독립형 단일 파일: 외부 서버 없이 브라우저 로컬스토리지에 최근 4~8주간의 배정 히스토리가 안전하게 영구 저장되도록 구현해 주세요.
2. 알고리즘 무한루프 방어: 가중치 매칭 시 조건 충돌로 인한 멈춤 현상을 방지하도록 최대 100회 시도 후 최적해를 도출하는 백트래킹 방어 코드를 내장해 주세요.
3. Web Audio 룰렛 & 팡파르: 추첨 시 경쾌한 룰렛 회전음 및 배정 완료 축하 팡파르 자체 합성
4. 코드 생략 금지: 주석 생략 없이 복사하여 즉시 브라우저에서 실행 가능한 100% 완전한 단일 HTML 코드로 출력해 주세요.
[핵심 요구 기능 및 기술 사양]
1. 과거 이력 기반 공정 가중치 로테이션 엔진:
- 5대 청소 구역(🧹 교실 바닥, 🪟 창문·사물함, 🧼 칠판·교탁, ♻️ 분리수거, 🧻 화장실/복도) 설정
- 직전 주에 수행한 구역은 다음 주 배정에서 배제(연속 배정 0%)하고, 전체 학기 동안 구역별 수행 횟수가 균등해지도록 자동 우선순위 계산
2. 전자칠판 3초 룰렛 추첨 인터랙션:
- '🎲 이번 주 청소 당번 추첨' 버튼 클릭 시 3초간 이름이 슬롯머신처럼 회전 후 최종 구역별 카드에 착지
3. 학생별 투명 이력 조회 & A4 인쇄:
- 학생 번호 클릭 시 [최근 4주 청소 수행 기록] 팝업 모달 제공
- '🖨️ 주간 청소 당번표 인쇄(A4 가로 서식)' 원클릭 지원
4. 교사용 관리자 패널:
- 🔒 설정(비밀번호 1234): 학생 명단 및 구역별 필요 인원수 수정, 이전 배정 수동 변경, 학기 초기화 기능
5. 디자인: 산뜻하고 깔끔한 민트/네이비 톤 대시보드 UI (전자칠판 및 태블릿 완벽 호환)
코드를 작성하기 전, 학급 총 학생 수(예: 25명)나 우리 학교 청소 구역 목록(인원수 포함)을 나에게 2가지 질문을 먼저 물어봐줘."
🏃 실전 적용 3단계 순서
- 1단계 (제미나이에 프롬프트 입력): 위 프롬프트를 복사하여 구글 제미나이에 전달하고, 우리 반 청소 구역과 인원수에 맞춰 AI 질문에 답합니다.
- 2단계 (HTML 파일 저장): 제미나이가 완성해 준 단일 HTML 코드를 메모장에 붙여넣고
fair_cleaning_tracker.html로 저장합니다. - 3단계 (월요일 아침 공정 추첨): 전자칠판에서 룰렛을 돌리면, 지난주 이력을 스스로 계산해 누구도 불만 없는 가장 공정하고 즐거운 청소 당번이 완성됩니다!
🎯 에디터 한줄평
"공정성은 말이 아닌 투명한 시스템에서 시작됩니다. 제미나이 바이브 코딩으로 아이들에게 데이터가 보장하는 100% 공평한 학급 자치의 신뢰를 선물해 보세요!"
📌 구글 제미나이 웹 및 개발자 리소스
Google Gemini 공식 포털 바로가기 🔗
