30일, 10개의 웹앱으로 우리 학교를 바꾼다! — 학생 주도 학교 생활 개선 미니 웹앱 챌린지
🚀 초등 5~6학년 실과(SW 활용), 창체(자치), 사회(지역 문제 해결) 융합 — 학생들이 한 달 동안 매일 하나의 미니 웹앱을 만들어 학교 생활을 조금씩 개선해 나가는 장기 프로젝트입니다. 하루 하나, 넓지 않은 목표를 쌓아 10개의 작품으로 우리 학교를 바꿉니다.
📖 한 줄 정의
심기 모드(데이터 임베딩): API 데이터를 미리 받아 HTML 파일 안 상수로 박아두는 방식(앱 실행 중 외부 통신 0).
학내망 원칙: 학생 개인정보(실명·의견·성적·상담 기록)의 외부 수집·저장·전송 금지(쿼리에 학생 데이터가 담기는 외부 API 호출 포함) — 일반 공개 쿼리의 외부 호출은 허용하며, 학생 배포본은 심기 폴백(EMBED 상수)을 항상 내장한다.
1. 3대 핵심 분석 비교표
| 무엇이 바뀌었나요? / 영역 | 초보자를 위한 쉬운 설명 | 이렇게 한번 써보세요! |
|---|---|---|
| 한 번에 완벽하게 ➔ 하루에 조금씩 | 거대한 앱을 만들려다 포기하는 대신, 하루에 하나의 작은 기능만 추가하는 스프린트 방식으로 진행합니다. | D1: 급식 메뉴 표시, D2: 남은 급식 수량, D3: 알레르기 경고 팝업 … D10: 완성! |
| 아이디어만 ➔ 실제 코드로 | "이런 앱 있으면 좋겠다"를 프롬프트 1문장으로 제미나이에 넣어 단일 HTML을 즉시 만들어 봅니다. | 학생별로 서로 다른 개선 주제를 골라 동시에 병행 진행하며 상호 학습. |
| 종이 포트폴리오 ➔ 배포 완료 챌린지 보드 | 완성된 10개 웹앱을 칸반(Kanban) 보드에 카드 형태로 게시하여 30일 진행 상황을 한눈에 봅니다. | D1~D10 카드 클릭 시 각 앱이 미리보기로 팝업되어 실시간 시연. |
2. 초보자를 위한 바이브 코딩 실전 사용 예시
제미나이(Gemini)에 아래 프롬프트를 붙여넣으면 단일 HTML 파일로 즉시 완성됩니다.
- 프롬프트 복사 — 아래 '제미나이 전용 에러 제로 프롬프트' 전체를 복사합니다.
- 역질문 답변 — 제미나이가 묻는 개선 주제, 프로젝트 명, 배포 방식에 답합니다.
- HTML 파일 실행 — 메모장에 붙여넣고
미니앱챌린지.html로 저장 후 더블클릭합니다.
제미나이 전용 에러 제로 프롬프트
[🚨 에러 방지 기본 안전장치]
1. 단일 HTML 파일 완결성: 외부 라이브러리, 소셜 로그인, DB 없이 순수 바닐라 HTML/CSS/JS로 완성한다.
2. 30일 챌린지 데이터 심기 모드: const CHALLENGES = [{ day: 1, title: "급식 메뉴 표", done: false }, { day: 2, title: "남은 급식 수량", done: false }, ...] 상수에 10일 미션 목록을 내장한다.
3. 진도율 트래커: 상단에 순수 Canvas 또는 CSS 게이지 바로 현재 완료율(0~100%)을 실시간 표시한다.
4. 칸반(Kanban) 라이브러리: 완성된 앱들을 3열(아이디어/제작중/배포 완료) 그리드로 시각화하고, 클릭 시 해당 앱 미리보기 팝업.
5. Web Audio 사운드: 미션 완료 시 '똑', 10개 모두 완료 시 '팡파르'를 순수 Web Audio API로 합성한다.
6. 학생 개인정보 0: 학생 실명을 절대 입력받지 않으며, 닉네임 및 모둠 번호만 표기한다.
7. // TODO, /* 생략 */ 등의 미완성 코드는 절대 넣지 말고 끝까지 완성한다.
[❓ 역질문 유도]
코드를 즉시 작성하지 말고, 기획을 구체화하기 위한 다음 3가지 질문을 먼저 나에게 던져줘:
1. 우리 학교에서 개선하고 싶은 생활 문제 3가지는 무엇인가요?
2. 챌린지 기간은 30일(월~금 6주)로 할까요, 아니면 15일 압축 챌린지로 할까요?
3. 최종 완성 앱 쇼케이스는 전자칠판 발표 형식으로 할까요?🎯 에디터 한줄평
"완벽한 앱 하나를 만들려고 백 번 망설이는 것보다, 불완전한 앱을 열 개 만들고 하나씩 개선하는 것이 진짜 개발자의 길입니다. 30일간의 챌린지는 아이들에게 '포기하지 않으면 반드시 완성한다'는 자신감을 심어주는 최고의 SW 교육 훈련장입니다."
📚 기술·교육 참고 링크
- 스프린트(Sprint) 및 칸반(Kanban) 방법론을 활용한 초등 SW 프로젝트 관리 가이드
- 교육과정 연계: 초등 5~6학년 실과(소프트웨어 활용), 창체(창의적 체험활동 — 자치 활동)
