인문학과 바이브 코딩의 만남

2026년 8월 24일 월요일

[수업 교구] 제미나이(Gemini)로 만드는 '기상청 기후 데이터 100개 일괄 병합 & 꺾은선 그래프' 웹앱 프롬프트

📢 핵심 30초 요약
파이썬(Python) 설치나 복잡한 코딩 환경 설정 없이 브라우저 하나로 빅데이터 수업을 끝내세요! 구글 제미나이(Gemini)에 프롬프트를 입력하면, 기상청 공공데이터 CSV 파일 100개를 마우스로 끌어다 놓기만 해도 [1초 파일 일괄 병합 + 결측치 정제 + 10개년 기후변화 인터랙티브 꺾은선 그래프 + 탐구 보고서 출력]까지 처리되는 단일 HTML 데이터 시각화 웹앱이 완성됩니다.

선생님, 그리고 아이들과 함께 살아있는 데이터 융합 수업을 꿈꾸시는 교육자 여러분 안녕하세요! 프롬프트로 배우는 바이브 코딩 블로그 에디터입니다. 😊

초등 5~6학년 사회 '우리나라의 기후', 수학 '꺾은선그래프', 실과 '데이터와 인공지능' 융합 수업에서 기상청 기후 데이터를 다루고 싶어도, "크롬북이나 학교 컴퓨터에 파이썬을 설치하기 어렵고 수십 개의 CSV 파일을 일일이 합치느라 수업 시간이 다 지나버렸던 경험" 있으셨죠?

구글 제미나이(Gemini)용 바이브 코딩 프롬프트를 활용하면, 어려운 프로그래밍 설치 과정 없이 단 하나의 독립형 HTML 웹 도구를 만들어 학생들이 다운로드한 100개의 기후 데이터 파일을 브라우저 창에 드래그하는 즉시 '우리 고장의 10년간 기온 상승 추세 꺾은선그래프'로 시각화해 낼 수 있답니다!

📊 제미나이 기후 빅데이터 시각화 웹앱의 3가지 핵심 기능

기존 파이썬 환경의 복잡성을 완전히 없앤 노코드·브라우저 기반 데이터 처리 기술입니다.

무엇이 바뀌었나요? (영역)	초보자를 위한 쉬운 설명	이렇게 한번 써보세요!
📂 100개 CSV 1초 병합 (Browser Multi-Parser)	기상청에서 받은 100개의 월별 CSV 파일을 마우스로 끌어다 놓으면, 브라우저가 한글 인코딩(EUC-KR/UTF-8)을 자동 감지해 1초 만에 하나로 합칩니다.	학생들이 각자 맡은 연도별 파일을 드래그하여 순식간에 통합 데이터셋 생성
📈 10개년 기후 꺾은선 그래프 (Interactive Chart.js)	평균기온, 최고기온, 강수량을 다채로운 꺾은선으로 띄우고, 기온이 실제로 상승하고 있는지 보여주는 '10년 추세선(Trendline)'을 버튼 하나로 그립니다.	마우스를 그래프 위에 올리면 월별 상세 기온 툴팁을 보며 이상기후 분석
📝 기후위기 탐구 보고서 출력 (Report & Clean Export)	정제된 통합 CSV 파일 다운로드는 물론, 학생이 작성한 '우리 고장 기후위기 분석 의견'이 담긴 완성형 그래프 보고서를 A4 1장으로 출력합니다.	사회·과학 수행평가 포트폴리오 자료로 즉시 제출 및 교실 전시

💡 초보자를 위한 바이브 코딩 실전 사용 예시

2022 개정 교육과정의 데이터 리터러시 및 기후변화 환경 교육을 아우르는 제미나이 전용 완성형 바이브 코딩 프롬프트입니다. AI가 분석할 기상 변수와 학교 환경을 먼저 확인할 수 있도록 '거꾸로 프롬프트(Reverse Prompting)'가 내장되어 있습니다.

🪄 제미나이 전용 '기후 데이터 일괄 병합 & 시각화' 만능 프롬프트

    "당신은 초등 융합 교육(사회·수학·실과) 및 브라우저 기반 데이터 시각화 웹앱 전문 개발자입니다.

    기상청 공공데이터포털의 과거 10개년 기상 CSV 파일 수십~수백 개를 브라우저에서 즉시 병합하고 꺾은선그래프로 시각화해 주는 '기후 데이터 탐정 웹앱'을 단일 HTML 파일(HTML+CSS+JS 내장, Chart.js CDN 포함)로 제작해 주세요.

    [핵심 요구 기능 및 기술 사양]

    1. 다중 CSV 파일 드래그 앤 드롭 영역 (Drop Zone):

       - 수십~100개의 CSV 파일을 한 번에 끌어다 놓으면 웹 워커/FileReader로 브라우저 메모리 내 1초 일괄 병합

       - 한글 깨짐 방지 자동 인코딩(UTF-8 / EUC-KR 자동 판별) 및 결측치(-999 등) 자동 정제 필터 탑재

    2. 반응형 Chart.js 꺾은선그래프 대시보드:

       - X축: 연월(YYYY-MM) 타임라인 / Y축: 기온(℃) 및 강수량(mm)

       - 평균기온(빨강선), 최저기온(파랑선), 강수량(하늘색 막대) 다중 축 렌더링

       - '📈 10개년 기온 상승 추세선(Linear Regression Trendline)' ON/OFF 토글 스위치 제공

    3. 데이터 필터 & 탐구 통계 요약:

       - 연도별(예: 2015~2024년) 및 특정 월(예: 매년 8월 폭염 추이) 슬라이더 필터링

       - '10년간 평균기온 변화율(+O.O℃)', '가장 더웠던 해', '최대 강수량 기록' 핵심 수치 카드 자동 계산

    4. 학생 보고서 작성 및 내보내기:

       - 하단에 '학생 탐구 소감 및 기후위기 대응 실천 다짐' 작성란 배치

       - '🖨️ 탐구 보고서 인쇄(A4 인쇄 최적화)' 및 '📥 병합된 통합 CSV 다운로드' 버튼 지원

    5. 디자인: 친환경 그린/스카이블루 톤의 현대적인 대시보드 UI (크롬북, 스마트패드, PC 완벽 호환)

    코드를 작성하기 전, 기상청 CSV의 컬럼명 예시(예: '일시', '평균기온(℃)')나 추가하고 싶은 기상 요소(예: 미세먼지)가 있는지 나에게 2가지 질문을 먼저 물어봐줘."

🏃 실전 적용 3단계 순서

1단계 (제미나이에 프롬프트 입력): 위 프롬프트를 복사하여 구글 제미나이에 전달하고, 기상청 데이터 형식에 맞춰 AI 질문에 답합니다.
2단계 (HTML 파일 저장): 제미나이가 출력한 단일 HTML 코드를 메모장에 붙여넣고 climate_data.html로 저장합니다.
3단계 (1초 빅데이터 분석 수업): 기상자료개방포털에서 받은 100개의 CSV 파일을 웹 화면에 드래그하는 순간, 우리 고장의 10년 기후변화 꺾은선그래프가 펼쳐지며 수준 높은 융합 수업이 시작됩니다!

🎯 에디터 한줄평
"진정한 디지털 교육은 복잡한 설치 과정에 얽매이지 않고, 데이터의 의미를 탐구하는 데 집중할 때 꽃을 피웁니다. 제미나이 바이브 코딩으로 교실을 살아있는 기후 데이터 연구소로 바꿔보세요!"

📌 구글 제미나이 웹 및 개발자 리소스
Google Gemini 공식 포털 바로가기 🔗

[수업 교구] 제미나이(Gemini)로 만드는 초등 6학년 '나만의 3D 진로 포트폴리오 갤러리' 웹앱 프롬프트

📢 핵심 30초 요약
복잡한 3D 코딩 툴이나 유료 클라우드 계정 없이도 나만의 가상 미술관을 열 수 있어요! 구글 제미나이(Gemini)에 프롬프트를 전달하면, [Three.js 기반 3D 가상 전시관 워크스루 + 사진·성취물 업로드 모달 + 액자 줌인 해설 + Web Audio 전시관 효과음]이 모두 내장된 단일 HTML 3D 진로 포트폴리오 웹앱이 단 1분 만에 완성됩니다.

선생님, 그리고 아이들의 꿈과 소중한 성장 기록을 특별하게 빛내주고 싶으신 교육자 여러분 안녕하세요! 프롬프트로 배우는 바이브 코딩 블로그 에디터입니다. 😊

초등 6학년 실과, 진로, 도덕 융합 단원에서 1년간의 학습 산출물과 꿈을 정리하는 포트폴리오를 만들 때, "종이 클리어파일에 인쇄물을 끼워 넣거나 평면적인 슬라이드 발표에 머물러 아쉬웠던 적" 많으셨죠?

해외 유료 코딩 플랫폼 없이 구글 제미나이(Gemini)용 바이브 코딩 프롬프트 하나면, 학생들이 자신의 장래희망, 강점 키워드, 대표 작품 사진을 직접 등록하고 키보드나 터치로 가상 갤러리를 걸어 다니며 관람하는 '메타버스형 3D 진로 갤러리 웹앱'을 손쉽게 구현할 수 있답니다!

📊 제미나이 3D 진로 포트폴리오의 3가지 핵심 차별화 요소

평면적인 문서나 슬라이드를 넘어선 몰입형 3D 인터랙티브 가상 갤러리 기능입니다.

무엇이 바뀌었나요? (영역)	초보자를 위한 쉬운 설명	이렇게 한번 써보세요!
🏛️ 3D 가상 전시관 이동 (First-Person Walkthrough)	Three.js 기반의 세련된 3D 미술관 내부를 방향키(WASD)나 마우스 드래그로 자유롭게 걸어 다니며 관람할 수 있습니다.	전자칠판이나 크롬북에서 메타버스 게임처럼 가상 갤러리 둘러보기
🖼️ 액자 클릭 줌인 & 음성 (Interactive Art Frame)	벽면의 액자(나의 꿈, 나의 강점, 올해의 베스트 작품 등)를 클릭하면 카메라가 부드럽게 줌인되며 상세 설명과 음성 안내가 팝업됩니다.	자신의 목소리나 TTS로 작품 설명 오디오 가이드 재생
✏️ 간편한 내 정보 편집 (Zero-Code Customizer)	복잡한 코드 수정 없이, '내 전시관 꾸미기' 버튼을 눌러 사진 업로드와 텍스트 입력만으로 즉시 나만의 3D 갤러리가 완성됩니다.	완성된 단일 HTML 파일을 학급 패들렛에 공유하고 상호 댓글 감상회 진행

💡 초보자를 위한 바이브 코딩 실전 사용 예시

학생들의 자아존중감과 디지털 창작 효능감을 극대화하는 제미나이 전용 완성형 바이브 코딩 프롬프트입니다. AI가 전시관 테마(모던 화이트, 우주 테마, 자연 숲속 등)를 먼저 조율하도록 '거꾸로 프롬프트(Reverse Prompting)'가 내장되어 있습니다.

🪄 제미나이 전용 '나만의 3D 진로 포트폴리오 갤러리' 만능 프롬프트

    "당신은 초등 실과·진로 융합 교육 및 3D WebGL(Three.js) 인터랙티브 웹앱 전문 개발자입니다.

    초등학교 6학년 학생들이 자신의 꿈과 1년간의 성취 산출물을 가상 전시하는 '나만의 3D 진로 포트폴리오 갤러리 웹앱'을 단일 HTML 파일(HTML+CSS+JS 내장, Three.js CDN 포함)로 제작해 주세요.

    [핵심 요구 기능 및 기술 사양]

    1. Three.js 3D 가상 전시 공간 구축:

       - 모던하고 밝은 미술관 갤러리 룸 (바닥 원목 텍스처, 은은한 스포트라이트 조명 렌더링)

       - 키보드(W, A, S, D / 방향키) 및 마우스/터치 드래그로 1인칭 자유 이동(Walkthrough) 및 시점 회전 지원

    2. 벽면 인터랙티브 4대 전시 액자:

       - [1구역] 🌟 나의 꿈과 미래 목표 (장래희망 및 롤모델)

       - [2구역] 💎 나의 핵심 강점 3가지 (자신감, 끈기, 창의성 등 키워드)

       - [3구역] 🏆 1년간 가장 자랑스러운 학습 산출물 (그림, 글, 코딩 캡처 등)

       - [4구역] 💌 나에게 보내는 응원 메시지 & 친구들의 칭찬 한마디

    3. 액자 인터랙션 & 상세 모달 (Web Audio 효과음):

       - 액자 가까이 다가가서 클릭 시 카메라가 액자 앞으로 부드럽게 줌인(Tween)되며 상세 팝업창 오픈 (클릭 시 맑은 핑- 사운드)

    4. 실시간 '전시관 편집기(Modal Form)':

       - 상단 '⚙️ 내 전시관 꾸미기' 버튼 클릭 시 학생 이름, 장래희망, 사진 파일 첨부(로컬 FileReader로 즉시 액자 텍스처 교체) 지원

    5. 디자인: 누구나 렉 없이 부드럽게 실행되는 경량화된 3D 렌더링 (크롬북, 스마트패드, PC 완벽 호환)

    코드를 작성하기 전, 전시관 벽면 액자 개수(예: 4개 vs 6개)나 전시관 분위기 테마(예: 화이트 모던 vs 우주 갤러리)를 조정할지 나에게 2가지 질문을 먼저 물어봐줘."

🏃 실전 적용 3단계 순서

1단계 (제미나이에 프롬프트 입력): 위 프롬프트를 복사하여 구글 제미나이에 전달하고, 원하는 전시관 분위기나 액자 수에 맞춰 AI 질문에 답합니다.
2단계 (HTML 파일 저장): 제미나이가 완성해 준 단일 HTML 코드를 메모장에 붙여넣고 dream_gallery3d.html로 저장합니다.
3단계 (나만의 전시회 발표): 브라우저에서 파일을 열고 '내 전시관 꾸미기'로 자신의 사진과 꿈을 채운 뒤, 전자칠판이나 모둠 발표에서 친구들을 나만의 3D 미술관으로 초대해 보세요!

🎯 에디터 한줄평
"아이들의 꿈은 평면적인 종이에 갇혀 있기엔 너무나 입체적이고 아름답습니다. 제미나이 바이브 코딩으로 아이들에게 세상에서 단 하나뿐인 자신만의 3D 가상 전시관을 선물해 보세요!"

📌 구글 제미나이 웹 및 개발자 리소스
Google Gemini 공식 포털 바로가기 🔗

[학급 경영] 제미나이(Gemini)로 만드는 우리 반 칭찬 다마고치 '학급 수호 펫 키우기' 키오스크 웹앱 프롬프트

📢 핵심 30초 요약
1인 1역과 학급 규칙 지키기를 즐거운 게임으로 바꿔보세요! 구글 제미나이(Gemini)에 프롬프트 한 줄만 전달하면, [로컬스토리지 영구 저장 + 5단계 알·펫 진화 시스템 + Web Audio 냠냠/진화 사운드 + 교실 태블릿 상시 키오스크 UI]가 탑재된 단일 HTML 학급 펫 육성 웹앱이 단 1분 만에 완성됩니다.

선생님, 그리고 아이들이 스스로 돕고 배려하는 화목한 학급 공동체를 만들고 싶으신 교육자 여러분 안녕하세요! 프롬프트로 배우는 바이브 코딩 블로그 에디터입니다. 😊

매일 1인 1역(칠판 닦기, 우유 급식, 쓰레기 분리수거 등)을 잔소리하며 검사하거나, 칭찬 스티커 판이 가득 차면 일일이 도장을 찍어주느라 번거로웠던 경험 많으셨죠?

유료 플랫폼 없이 구글 제미나이(Gemini)용 바이브 코딩 프롬프트 하나면, 학생들이 자신의 역할을 완수할 때마다 교실 앞 태블릿을 터치해 우리 반의 가상 수호 펫(다마고치)에게 먹이를 주고 알에서부터 전설의 드래곤까지 진화시키는 '게이미피케이션 학급 경영 보드'를 손쉽게 구축할 수 있답니다!

📊 제미나이 학급 펫 육성 시스템의 3가지 핵심 매력

기존 스티커 보드를 완벽히 대체하는 지능형 디지털 학급 자치 기능입니다.

무엇이 바뀌었나요? (영역)	초보자를 위한 쉬운 설명	이렇게 한번 써보세요!
🥚 5단계 협동 진화 시스템 (Evolution Gamification)	알 ➔ 아기 펫 ➔ 어린이 펫 ➔ 청소년 펫 ➔ 전설의 수호신 펫으로 학급 전체 누적 점수에 따라 외형이 화려하게 변신합니다.	진화할 때마다 학급 보상(예: '자유놀이 10분 쿠폰')과 연계하여 공동체 성취감 부여
💾 자동 저장 & 키오스크 모드 (localStorage Persistent)	서버 로그인 없이 브라우저(localStorage)에 경험치와 레벨이 자동 저장되므로, 교실 태블릿 전원을 껐다 켜도 데이터가 안전합니다.	교실 앞 벽면 태블릿에 '전체화면'으로 켜두고 상시 운영
🎶 펫 반응 인터랙션 & 소리 (Web Audio & Animation)	먹이를 주면 펫이 퐁퐁 뛰며 하트 이펙트와 함께 냠냠 사운드가 재생되고, 진화 시 축하 폭죽(Confetti)이 터집니다.	1인 1역 완수 시 🧹 청소 사료, 고운 말 사용 시 💖 칭찬 열매 터치

💡 초보자를 위한 바이브 코딩 실전 사용 예시

학생들의 자기관리 역량과 공동체 의식을 키워주는 제미나이 전용 완성형 바이브 코딩 프롬프트입니다. AI가 펫의 종류와 경험치 기준을 먼저 조율하도록 '거꾸로 프롬프트(Reverse Prompting)'가 내장되어 있습니다.

🪄 제미나이 전용 '학급 칭찬 다마고치 펫' 만능 프롬프트

    "당신은 초등 학급 경영 게이미피케이션 및 상호작용 웹앱 전문 개발자입니다.

    학생들의 1인 1역 실천과 선행을 모아 함께 키우는 '학급 수호 펫 다마고치 웹앱'을 단일 HTML 파일(HTML+CSS+JS 내장)로 제작해 주세요.

    [핵심 요구 기능 및 기술 사양]

    1. 5단계 펫 진화 시스템 (SVG 및 이모지 기반):

       - 1단계: 🥚 신비한 알 (0~50점)

       - 2단계: 🐣 아기 병아리 요정 (51~150점)

       - 3단계: 🐱 날개 달린 고양이 (151~300점)

       - 4단계: 🦄 무지개 유니콘 (301~500점)

       - 5단계: 🐉 전설의 학급 수호룡 (500점 달성 완료)

    2. 4대 칭찬 먹이 주기 터치 버튼:

       - 🧹 [1인 1역 완수]: 펫에게 든든한 밥 주기 (+10 EXP)

       - 💖 [고운 말 & 선행]: 사랑의 하트 열매 주기 (+15 EXP)

       - 📖 [아침 독서 실천]: 지혜의 별사탕 주기 (+10 EXP)

       - 🤝 [모둠 협동 칭찬]: 황금 클로버 주기 (+20 EXP)

    3. 로컬스토리지 영구 보관 & 교사용 관리자 기능:

       - 브라우저 새로고침이나 태블릿 재부팅 후에도 누적 점수와 현재 레벨 자동 유지

       - 우측 상단 ⚙️ 관리자 설정(비밀번호 1234): 점수 수동 조정, 학급명('O학년 O반 수호 펫') 수정, 초기화 기능

    4. 애니메이션 & Web Audio API 사운드:

       - 버튼 클릭 시 펫이 점프하며 말풍선("오늘도 고마워요!", "쑥쑥 자라는 중!") 출력 + 냠냠 효과음 재생

       - 진화 단계 도달 시 Canvas 화면 폭죽(Confetti) 및 레벨업 팡파르 울림

    5. 디자인: 귀여운 파스텔톤 동화풍 배경, 교실 키오스크 태블릿 가로/세로 반응형 풀스크린 UI

    코드를 작성하기 전, 펫 캐릭터 종류(예: 동물 vs 드래곤 vs 식물)나 먹이 버튼 항목을 수정할 필요가 있는지 나에게 2가지 질문을 먼저 물어봐줘."

🏃 실전 적용 3단계 순서

1단계 (제미나이에 프롬프트 입력): 위 프롬프트를 복사하여 구글 제미나이에 전달하고, 우리 반 펫 캐릭터 취향에 맞춰 AI 질문에 답합니다.
2단계 (HTML 파일 저장): 제미나이가 완성해 준 단일 HTML 코드를 메모장에 붙여넣고 class_pet.html로 저장합니다.
3단계 (교실 키오스크 구동): 교실 앞 태블릿에서 파일을 열고 전체화면으로 띄워두면, 아이들이 스스로 청소하고 서로를 배려하며 다 함께 펫을 키워나가는 따뜻한 교실이 펼쳐집니다!

🎯 에디터 한줄평
"선생님의 열 마디 잔소리보다, 다 함께 키우는 학급 펫 한 마리가 아이들의 자발적 실천을 이끌어냅니다. 제미나이 바이브 코딩으로 교실에 즐거운 게이미피케이션의 마법을 불어넣어 보세요!"

📌 구글 제미나이 웹 및 개발자 리소스
Google Gemini 공식 포털 바로가기 🔗

[학급 경영] 제미나이(Gemini)로 만드는 학생 주도 '칭찬 & 생활습관 스탬프' 키오스크 웹앱 프롬프트

📢 핵심 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가지 질문을 먼저 물어봐줘."

🏃 실전 적용 3단계 순서

1단계 (제미나이에 프롬프트 입력): 위 프롬프트를 복사하여 구글 제미나이에 전달하고, 우리 반 학생 수와 규칙에 맞춰 AI 질문에 답합니다.
2단계 (HTML 파일 저장): 제미나이가 완성해 준 단일 HTML 코드를 메모장에 붙여넣고 stamp_kiosk.html로 저장합니다.
3단계 (교실 앞 태블릿 배치): 교실 입구 태블릿에서 파일을 열어두면, 선생님의 잔소리 없이도 아이들이 자발적으로 규칙을 지키고 스탬프를 채워가는 자율적 학급이 완성됩니다!

🎯 에디터 한줄평
"좋은 생활습관은 교사의 감시가 아닌, 아이들의 '작은 실천에 대한 즐거운 인정'에서 자라납니다. 제미나이 바이브 코딩으로 아이들에게 성취의 기쁨을 선물해 보세요!"

📌 구글 제미나이 웹 및 개발자 리소스
Google Gemini 공식 포털 바로가기 🔗

[학급 경영] 제미나이(Gemini)로 만드는 하교 전 '1인 1역 실천 체크 & 주간 뱃지 보드' 키오스크 웹앱 프롬프트

📢 핵심 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가지 질문을 먼저 물어봐줘."

🏃 실전 적용 3단계 순서

1단계 (제미나이에 프롬프트 입력): 위 프롬프트를 복사하여 구글 제미나이에 전달하고, 우리 반 1인 1역 역할 종류에 맞춰 AI 질문에 답합니다.
2단계 (HTML 파일 저장): 제미나이가 완성해 준 단일 HTML 코드를 메모장에 붙여넣고 duty_board.html로 저장합니다.
3단계 (교실 뒤편 태블릿 배치): 교실 뒤편이나 사물함 위 태블릿에서 파일을 전체화면으로 띄워두면, 하교 전 아이들이 스스로 역할을 챙기고 뱃지를 모으는 책임감 넘치는 학급이 완성됩니다!

🎯 에디터 한줄평
"책임감은 지시받을 때가 아니라, 나의 작은 역할이 학급 전체를 빛나게 만든다는 것을 체감할 때 자라납니다. 제미나이 바이브 코딩으로 아이들에게 자율적인 성장의 즐거움을 선물해 보세요!"

📌 구글 제미나이 웹 및 개발자 리소스
Google Gemini 공식 포털 바로가기 🔗

[학급 경영] 제미나이(Gemini)로 구글 시트에 구축하는 '행동 마일리지 연동 스마트 자리 배치' Apps Script 프롬프트

📢 핵심 30초 요약
구글 스프레드시트가 교사의 세밀한 생활지도 노하우를 담은 지능형 좌석 배치 프로그램으로 변신합니다! 구글 제미나이(Gemini)에 프롬프트를 입력하면, [시력·청력 배려석 우선 고정 + 갈등 학생 자동 분리 + 행동 마일리지 가중치 + 전자칠판 발표 모달]이 포함된 완성형 Google Apps Script(GAS) 코드를 10초 만에 생성받을 수 있습니다.

선생님, 그리고 공정하면서도 세심한 학급 자리 배치를 위해 매달 고민하시는 담임교사 여러분 안녕하세요! 프롬프트로 배우는 바이브 코딩 블로그 에디터입니다. 😊

평소 구글 시트에 학생들의 칭찬 마일리지와 1인 1역 실천 기록, 시력 배려 사항을 꼼꼼히 기록해 두어도, "자리 바꿀 때마다 이 조건들을 머릿속으로 일일이 대조하며 책상표를 짜느라 많은 시간을 쏟았던 경험" 다들 있으실 텐데요.

구글 제미나이(Gemini)용 바이브 코딩 프롬프트를 활용하면, 구글 스프레드시트 상단에 [🪑 스마트 자리배치] 맞춤 메뉴를 만들고 클릭 한 번으로 모든 복잡한 조건을 완벽하게 해결하는 '구글 시트 연동형 스마트 좌석 배치 시스템'을 손쉽게 완성할 수 있답니다!

📊 구글 시트 스마트 자리배치 시스템의 3가지 핵심 기능

기존 수작업이나 단순 무작위 뽑기와 차별화되는 구글 시트 연동 자동화 기능입니다.

무엇이 바뀌었나요? (영역)	초보자를 위한 쉬운 설명	이렇게 한번 써보세요!
🎯 다중 제약 알고리즘 (Constraint Optimization)	시력 배려 학생을 1~2열 앞자리에 고정하고, 잦은 다툼이 있는 학생 쌍을 멀리 떨어뜨린 후 마일리지 우수자를 선호 구역에 가중 배정합니다.	구글 시트 데이터만 채워두고 상단 메뉴 클릭 한 번으로 1초 최적화
🗺️ 시트 내 시각화 좌석표 (Visual Grid Sheet)	별도 프로그램을 켤 필요 없이, 구글 스프레드시트의 새 탭에 교탁 기준 5x5(또는 6x5) 형태의 예쁜 책상 배치도가 셀 서식으로 자동 그려집니다.	완성된 시트를 교사용 교탁 출석부 옆에 바로 출력하여 부착
🎉 전자칠판 발표 모달 (HtmlService Presentation)	구글 시트 메뉴에서 '전자칠판 자리 발표'를 누르면, 웹 팝업창이 열리며 두구두구 긴장감 넘치는 애니메이션과 함께 새 자리가 공개됩니다.	아이들과 함께 교실 TV 화면을 보며 즐겁게 자리 바꾸기 이벤트 진행

💡 초보자를 위한 바이브 코딩 실전 사용 예시

개인정보 비식별화와 생활지도 효율성을 동시에 만족시키는 제미나이 전용 완성형 Google Apps Script 바이브 코딩 프롬프트입니다. AI가 학급 배열 구조를 먼저 확인하도록 '거꾸로 프롬프트(Reverse Prompting)'가 내장되어 있습니다.

🪄 제미나이 전용 '구글 시트 스마트 자리배치 GAS' 만능 프롬프트

    "당신은 Google Apps Script(GAS) 및 구글 스프레드시트 교육용 자동화 최고 전문가입니다.

    학생 행동 마일리지와 특이사항을 반영하여 맞춤형 좌석을 자동 배치하는 '구글 시트 스마트 자리배치 시스템' 단일 GAS 코드를 작성해 주세요.

    [필수 구현 기능 및 기술 사양]

    1. 상단 커스텀 메뉴 (onOpen):

       - '🪑 스마트 자리배치' 메뉴 생성 (▶ 조건 반영 자동 자리 배치, 📊 시트 좌석표 생성, 🎬 전자칠판 자리 발표 팝업)

    2. 시트 데이터 구조 (명단 시트):

       - 컬럼: A열(번호), B열(이름), C열(성별), D열(배려조건: 앞자리/가장자리), E열(분리번호: 예 5,12), F열(누적 마일리지)

    3. 다단계 자리배치 최적화 로직:

       - 1단계: D열이 '앞자리'인 학생을 교탁 앞 1~2열에 우선 고정

       - 2단계: E열에 지정된 분리 희망 학생 쌍이 서로 인접하지 않도록 거리 이격

       - 3단계: F열 마일리지가 높은 순으로 선호 구역(창가/중앙) 가중치 부여 후 잔여 좌석 무작위 셔플

    4. 시각적 좌석표 탭 자동 생성:

       - '좌석표_배치결과' 시트에 교탁 및 책상 5열 5행 테두리/배경색 셀 서식 적용

    5. HtmlService 전자칠판 발표 팝업:

       - 팝업창에서 '자리 공개' 클릭 시 3초 룰렛 효과 후 배려 메모 없이 이름만 깔끔하게 공개

    코드를 작성하기 전, 학급 총 인원수(예: 25명)나 교실 분단 형태(분단형 짝꿍 vs 모둠형)를 조정할지 나에게 2가지 질문을 먼저 물어봐줘."

🏃 실전 적용 3단계 순서

1단계 (제미나이에 프롬프트 입력): 위 프롬프트를 복사하여 구글 제미나이에 전달하고, 우리 반 책상 배열 형태에 맞춰 AI 질문에 답합니다.
2단계 (구글 시트 Apps Script에 등록): 구글 스프레드시트 [확장 프로그램] ➔ [Apps Script] 메뉴에 코드를 붙여넣고 저장합니다.
3단계 (1초 만에 스마트 자리 배치): 시트 상단의 [🪑 스마트 자리배치] 메뉴를 누르면, 모든 배려 조건이 완벽히 해결된 맞춤형 좌석표가 눈앞에 펼쳐집니다!

🎯 에디터 한줄평
"선생님의 세심한 교육적 배려와 데이터가 만날 때, 교실의 작은 자리 배치 하나도 학생 모두가 신뢰하는 가장 공정한 순간이 됩니다. 제미나이 바이브 코딩으로 스마트한 학급 경영을 시작해 보세요!"

📌 구글 제미나이 웹 및 개발자 리소스
Google Gemini 공식 포털 바로가기 🔗

[수업 교구] 제미나이(Gemini)로 만드는 초등 3학년 '우리 고장 생존수영 & 공공체육시설 탐구 지도' 웹앱 프롬프트

📢 핵심 30초 요약
교과서 속 평면 지도를 넘어 우리 동네 진짜 수영장을 탐험해요! 구글 제미나이(Gemini)에 프롬프트를 입력하면, 복잡한 지도 API 키 발급 없이도 [Leaflet.js 기반 우리 고장 인터랙티브 지도 + 생존수영 교육 시설 필터 + 안전 수칙 팝업 + 체험 계획서 인쇄]가 지원되는 단일 HTML 융합 수업 웹앱이 완성됩니다.

선생님, 그리고 아이들과 함께 생생한 지역사회 탐구 및 안전 교육을 실천하시는 교육자 여러분 안녕하세요! 프롬프트로 배우는 바이브 코딩 블로그 에디터입니다. 😊

초등 3학년 사회과 '우리 고장의 공공시설' 단원과 체육과 '생존수영 교육'을 연계할 때, "우리 지역에 어떤 공공 수영장과 체육시설이 있는지 아이들이 직접 찾아보고 안전 수칙을 익힐 수 있는 스마트한 지도 교구"가 필요하셨을 텐데요.

구글 제미나이(Gemini)용 바이브 코딩 프롬프트 하나면, 오픈소스 지도(Leaflet.js)를 활용해 우리 고장 수영장의 수심, 레인 수, 생존수영 교육 지원 여부를 클릭 한 번으로 확인하고 나만의 체험 계획서까지 뽑아내는 '인터랙티브 생존수영 지도 웹앱'을 단 1분 만에 구축할 수 있답니다!

📊 제미나이 생존수영 탐구 지도의 3가지 핵심 기능

사회과 공간 탐구와 체육과 안전 교육을 자연스럽게 융합한 핵심 기능입니다.

무엇이 바뀌었나요? (영역)	초보자를 위한 쉬운 설명	이렇게 한번 써보세요!
🗺️ 오픈소스 반응형 지도 (Leaflet.js Map Engine)	유료 API 키 없이도 우리 고장(시·군·구) 지도를 자유롭게 확대·축소하고 수영장, 종합체육관 위치 핀을 탐색합니다.	학교 위치와 가장 가까운 생존수영 거점 수영장 거리 찾아보기
🏊 생존수영 상세 정보 팝업 (Safety & Facility Specs)	마커를 누르면 수심(1.2m~1.4m), 유아풀 유무, 잎새뜨기 요령 및 구명조끼 착용 수칙이 물방울 소리와 함께 팝업됩니다.	수영장 가기 전 꼭 알아야 할 3대 안전 수칙 퀴즈 풀기
📋 나만의 체험 계획서 출력 (Plan Export Sheet)	가고 싶은 시설을 선택하고 준비물(수영모, 물안경, 수건 등)을 체크하면 A4 1장 예쁜 체험 학습 계획서로 즉시 출력됩니다.	사회·체육 융합 포트폴리오 과제물로 제출 및 가정 연계

💡 초보자를 위한 바이브 코딩 실전 사용 예시

학생들의 공간 정보 탐색력과 위기 대응 안전 역량을 함께 길러주는 제미나이 전용 완성형 바이브 코딩 프롬프트입니다. AI가 우리 학교가 위치한 지역(시·군·구)을 먼저 확인하도록 '거꾸로 프롬프트(Reverse Prompting)'가 내장되어 있습니다.

🪄 제미나이 전용 '우리 고장 생존수영 탐구 지도' 만능 프롬프트

    "당신은 초등 사회·체육 융합 교육 및 인터랙티브 지도 웹앱 전문 개발자입니다.

    초등학교 3학년 '우리 고장 공공시설 및 생존수영 탐구' 수업에서 사용할 '우리 고장 생존수영 & 공공체육시설 탐구 지도 웹앱'을 단일 HTML 파일(HTML+CSS+JS 내장, Leaflet.js CDN 포함)로 제작해 주세요.

    [핵심 요구 기능 및 기술 사양]

    1. Leaflet.js 오픈스트리트맵 기반 인터랙티브 지도:

       - 별도 API 키 없이 동작하는 가볍고 빠른 반응형 지도 렌더링

       - 수영장(🏊), 체육관(🏟️), 체육공원(⚽) 카테고리별 커스텀 컬러 핀 배치

    2. 우리 고장 공공 체육시설 데이터 (기본 6~8곳 샘플 내장):

       - 시설명, 도로명 주소, 수영장 규격(25m 6레인, 수심 1.2m 등), 생존수영 교육 지원 여부(✅/❌)

       - 상단 '🏊 생존수영 시설만 보기' 원클릭 토글 필터칩 제공

    3. 안전 수칙 팝업 & Web Audio 사운드:

       - 마커 클릭 시 퐁당 물방울 효과음(Web Audio API 합성)과 함께 '생존수영 3대 핵심 수칙(잎새뜨기, 체온 유지, 구명조끼 착용법)' 카드 팝업

    4. 학생용 '생존수영 체험 계획서' 생성기:

       - 학생이 탐색한 수영장을 찜(선택)하고, [이동 방법, 필수 준비물 체크리스트, 나의 다짐]을 적으면 A4 1장 인쇄용 계획서로 렌더링

    5. 디자인: 시원한 마린 블루/아쿠아 톤의 깔끔한 UI, 크롬북 및 스마트패드 터치 완벽 호환

    코드를 작성하기 전, 지도의 기본 중심 위치(예: 부산 해운대구, 서울 마포구 등 특정 지역)나 추가하고 싶은 시설 데이터를 나에게 2가지 질문을 먼저 물어봐줘."

🏃 실전 적용 3단계 순서

1단계 (제미나이에 프롬프트 입력): 위 프롬프트를 복사하여 구글 제미나이에 전달하고, 우리 학교가 위치한 지역명(시·군·구)을 AI에게 알려줍니다.
2단계 (HTML 파일 저장): 제미나이가 완성해 준 단일 HTML 코드를 메모장에 붙여넣고 swimming_map.html로 저장합니다.
3단계 (스마트 융합 수업): 태블릿으로 지도를 열어 우리 동네 수영장 위치와 안전 수칙을 탐색하고 계획서를 출력하는 실감 나는 사회·체육 수업을 진행합니다!

🎯 에디터 한줄평
"내가 사는 지역의 실제 공간을 탐구할 때 아이들의 배움은 진짜 삶과 연결됩니다. 제미나이 바이브 코딩으로 교실 안에 살아 숨 쉬는 우리 고장 디지털 지도를 펼쳐보세요!"

📌 구글 제미나이 웹 및 개발자 리소스
Google Gemini 공식 포털 바로가기 🔗

[수업 교구] 제미나이(Gemini)로 만드는 초등 6학년 '다중지능 진로 탐색 & 롤모델 추천기' 웹앱 프롬프트

📢 핵심 30초 요약
획일적인 직업 적성검사는 이제 그만! 구글 제미나이(Gemini)에 프롬프트를 전달하면, 5가지 일상 질문 응답만으로 [가드너 다중지능 8대 영역 분석 + 역사·현대 롤모델 인물 매칭 + 미래 유망 직업 제안 + 교실 게시용 진로 포트폴리오 카드 출력]이 지원되는 단일 HTML 진로 탐색 웹앱이 완성됩니다.

선생님, 그리고 아이들의 숨겨진 잠재력과 꿈을 따뜻하게 북돋아 주고 싶으신 교육자 여러분 안녕하세요! 프롬프트로 배우는 바이브 코딩 블로그 에디터입니다. 😊

초등 6학년 진로 탐색 주간마다 수십 문항짜리 딱딱한 지필 검사지를 풀다 보면, "아이들이 중간에 집중력을 잃거나 '저는 잘하는 게 없어요'라며 자신감을 잃었던 경험" 다들 있으실 텐데요.

구글 제미나이(Gemini)용 바이브 코딩 프롬프트 하나면, 아이들의 눈높이에 맞춘 일상 선택지 5문항을 통해 자신의 다중지능 강점과 닮은꼴 롤모델을 발견하고, 예쁜 진로 명함 카드까지 1초 만에 뽑아내는 '맞춤형 진로 탐색 & 롤모델 추천기'를 손쉽게 구축할 수 있답니다!

📊 제미나이 다중지능 진로 추천기의 3가지 핵심 기능

기존 지필 검사지의 한계를 넘어선 학생 주도형 자기이해 진로 탐색 기능입니다.

무엇이 바뀌었나요? (영역)	초보자를 위한 쉬운 설명	이렇게 한번 써보세요!
🧩 5문항 다중지능 진단 (Gardner 8-Intelligences)	쉬는 시간 행동, 친구를 돕는 방식 등 일상적 5문항을 고르면 8대 다중지능 중 상위 2대 핵심 강점을 도출합니다.	크롬북이나 태블릿으로 학생들이 1분 만에 자기 강점 파악
🌟 맞춤 롤모델 & 미래 직업 (Role Model & Career)	학생의 강점 조합에 어울리는 롤모델(세종대왕, 스티브 잡스, 제인 구달 등)의 명언과 함께 미래 유망 직업군 3가지를 제안합니다.	"나와 지능 성향이 닮은 위인은 누구일까?" 롤모델 탐구 활동 진행
🪪 진로 포트폴리오 카드 (Career Card Generator)	학생 이름, 나의 강점 키워드, 꿈과 다짐이 담긴 예쁜 진로 명함 카드(Canvas 렌더링)를 이미지나 인쇄물로 즉시 저장합니다.	학급 뒤편 '꿈 게시판' 전시 및 학급 문집 제작에 활용

💡 초보자를 위한 바이브 코딩 실전 사용 예시

학생들의 자아존중감과 진로 성숙도를 긍정적으로 높여주는 제미나이 전용 완성형 바이브 코딩 프롬프트입니다. AI가 설문 문항과 롤모델 풀을 먼저 확인할 수 있도록 '거꾸로 프롬프트(Reverse Prompting)'가 내장되어 있습니다.

🪄 제미나이 전용 '다중지능 진로 & 롤모델 추천기' 만능 프롬프트

    "당신은 초등 창의적 체험활동(진로) 및 다중지능 상담 에듀테크 웹앱 전문 개발자입니다.

    초등학교 6학년 학생들이 자신의 강점 지능과 롤모델을 탐색하고 진로 카드를 만드는 '다중지능 진로 & 롤모델 추천기 웹앱'을 단일 HTML 파일(HTML+CSS+JS 내장)로 제작해 주세요.

    [핵심 요구 기능 및 기술 사양]

    1. 초등 눈높이 5문항 인터랙티브 설문:

       - 상황별 객관식 5문항 (예: 자유시간 활동, 문제 해결 스타일, 흥미 분야 등)

       - 문항 넘김 시 부드러운 전환 효과 및 Web Audio 넘김음 합성

    2. 가드너 8대 다중지능 강점 분석 엔진:

       - 언어, 논리수학, 시각공간, 신체운동, 음악, 대인관계, 자기성찰, 자연친화 지능 중 상위 2대 강점 자동 산출

       - 알록달록한 레이더/프로그레스 바로 나의 지능 프로필 시각화

    3. 롤모델 스토리 & 미래 직업군 추천:

       - 강점 조합에 맞춘 역사/현대 인물 롤모델(이모지, 대표 명언, 성공 스토리) 매칭

       - 2030년대 미래 유망 직업 3가지(예: 스마트 시티 설계자, AI 윤리 컨설턴트 등) 해설

    4. 진로 포트폴리오 명함 카드 생성기:

       - 학생 이름, 장래희망, 나의 3대 강점 키워드가 담긴 고해상도 카드 렌더링

       - 📥 '카드 이미지(PNG) 다운로드' 및 🖨️ '인쇄용 서식' 원클릭 지원

    5. 디자인: 꿈과 희망을 주는 따뜻한 파스텔톤 우주/탐험 테마 UI (태블릿 터치 완벽 호환)

    코드를 작성하기 전, 추천할 롤모델 인물 풀(예: 한국 위인 중심 vs 글로벌 현대 인물)이나 설문 문항 난이도를 조정할지 나에게 2가지 질문을 먼저 물어봐줘."

🏃 실전 적용 3단계 순서

1단계 (제미나이에 프롬프트 입력): 위 프롬프트를 복사하여 구글 제미나이에 전달하고, 우리 반 진로 수업 방향에 맞춰 AI 질문에 답합니다.
2단계 (HTML 파일 저장): 제미나이가 완성해 준 단일 HTML 코드를 메모장에 붙여넣고 career_finder.html로 저장합니다.
3단계 (즐거운 진로 탐색 수업): 크롬북이나 태블릿으로 파일을 열어 5개 질문에 답하고, 완성된 진로 카드를 학급 게시판이나 패들렛에 공유하며 자아존중감을 높이는 발표회를 진행합니다!

🎯 에디터 한줄평
"모든 아이는 저마다의 천재성을 품고 태어납니다. 단 5개의 질문과 제미나이 바이브 코딩으로 아이들이 자신의 고유한 빛을 발견하고 멋진 롤모델을 가슴에 품을 수 있도록 응원해 주세요!"

📌 구글 제미나이 웹 및 개발자 리소스
Google Gemini 공식 포털 바로가기 🔗

[학급 경영] 제미나이(Gemini)로 만드는 추상적 구호를 행동으로 바꾸는 '학급 자치 룰 빌더' 웹앱 프롬프트

📢 핵심 30초 요약
"친구를 배려하자", "교실을 깨끗이 하자" 같은 뻔하고 모호한 학급 규칙은 이제 그만! 구글 제미나이(Gemini)에 프롬프트를 전달하면, 추상적인 구호를 입력하는 즉시 [관찰·측정 가능한 3대 구체적 실천 행동 자동 분해 + 학급 헌장 포스터 자동 조판 + 인쇄/선포식 팡파르]가 지원되는 단일 HTML 학급 자치 웹앱이 완성됩니다.

선생님, 그리고 신학기 학급 규칙을 정할 때마다 공허한 표어로 끝나지 않고 아이들의 진짜 행동 변화를 이끌어내고 싶으신 교육자 여러분 안녕하세요! 프롬프트로 배우는 바이브 코딩 블로그 에디터입니다. 😊

3월 학급 자치 다모임 시간에 규칙을 정해보면 대부분 "선생님 말씀 잘 듣기", "친구와 사이좋게 지내기" 같은 모호한 문장만 나와서, 막상 갈등이 생겼을 때 "누가 규칙을 어겼는지, 무엇을 실천해야 하는지" 지도하기 막막하셨던 경험 다들 있으실 텐데요.

구글 제미나이(Gemini)용 바이브 코딩 프롬프트 하나면, 교실 TV 화면에 웹앱을 띄워두고 아이들이 제안한 규칙을 넣는 순간 초등학생 눈높이에 맞춘 '3가지 명확한 행동 수칙'으로 분해하여 멋진 학급 헌장 포스터로 출력해 주는 '스마트 학급 룰 빌더'를 단 1분 만에 구축할 수 있답니다!

📊 제미나이 학급 자치 룰 빌더의 3가지 핵심 기능

모호한 구호를 명확한 일상 실천으로 바꿔주는 지능형 학급 규범 생성 기능입니다.

무엇이 바뀌었나요? (영역)	초보자를 위한 쉬운 설명	이렇게 한번 써보세요!
🔍 행동 지표 자동 분해 (Operational Definition)	"친구를 배려하자"를 넣으면 "1) 친구가 말할 때 하던 일 멈추고 쳐다보기, 2) 부탁할 땐 '고마워' 붙이기"로 1초 만에 구체화합니다.	학급 회의 시간에 학생들이 낸 의견을 화면에 실시간 입력하며 토의
📜 학급 헌장 포스터 조판 (Poster Auto-Layout)	채택된 4~5개 규칙이 학급명, 영역별 귀여운 아이콘, 학생 대표 서명란이 포함된 완성형 A4/A3 포스터 서식으로 자동 디자인됩니다.	버튼 하나로 인쇄하여 교실 앞뒤 벽면에 부착하고 다 함께 선포
🎺 헌장 제정 선포 사운드 (Web Audio Fanfare)	규칙을 확정할 때마다 묵직한 도장 날인음이 울리고, 최종 헌장 완성 시 엄숙하면서도 웅장한 선포 팡파르가 자체 합성됩니다.	교실 분위기를 단숨에 몰입시키며 규칙 준수에 대한 자발적 동기 부여

💡 초보자를 위한 바이브 코딩 실전 사용 예시

학생 중심 민주시민 교육과 도덕과 규범 내면화를 지원하는 제미나이 전용 완성형 바이브 코딩 프롬프트입니다. AI가 학년 수준과 헌장 영역 구성을 먼저 점검하도록 '거꾸로 프롬프트(Reverse Prompting)'가 내장되어 있습니다.

🪄 제미나이 전용 '학급 자치 룰 빌더' 만능 프롬프트

    "당신은 초등 도덕·자치 활동 및 교육용 프롬프트 에듀테크 전문 개발자입니다.

    추상적인 학급 규칙을 관찰·측정 가능한 구체적 행동 지표로 분해하고 학급 헌장 포스터를 생성하는 '학급 자치 룰 빌더 웹앱'을 단일 HTML 파일(HTML+CSS+JS 내장)로 제작해 주세요.

    [핵심 요구 기능 및 기술 사양]

    1. 추상적 규칙 입력 & 행동 지표 분해 엔진:

       - 텍스트 입력창(예: '수업에 집중하자', '교실을 아끼자')에 구호를 넣고 '행동으로 변환' 클릭 시 3가지 측정 가능한 실천 행동 자동 생성

       - 생성된 행동 항목을 교사와 학생이 직접 수정·선택 가능

    2. 4대 생활 영역별 규칙 슬롯:

       - 📚 [수업 시간], ⚽ [쉬는 시간], 🍱 [급식·청소 시간], 🤝 [친구 관계] 4개 탭/카드 제공

    3. 학급 헌장 포스터 자동 조판 & 인쇄:

       - 선택된 규칙들이 '🌟 우리들의 약속, O학년 O반 학급 헌장' 포스터 템플릿에 실시간 렌더링

       - 하단에 전체 학생 다짐 서명란 배치 및 '🖨️ A4/A3 깔끔 인쇄(Print CSS)' 지원

    4. Web Audio API 사운드 효과:

       - 규칙 채택 시 도장 날인음, 최종 학급 헌장 선포 시 웅장한 축하 팡파르 합성 재생

    5. 디자인: 교실 TV/전자칠판에 최적화된 넓고 선명한 대시보드 UI (가독성 높은 폰트와 따뜻한 색감)

    코드를 작성하기 전, 적용할 학년 수준(예: 저학년 vs 고학년)이나 기본 예시 규칙 프리셋을 포함할지 나에게 2가지 질문을 먼저 물어봐줘."

🏃 실전 적용 3단계 순서

1단계 (제미나이에 프롬프트 입력): 위 프롬프트를 복사하여 구글 제미나이에 전달하고, 우리 반 학년에 맞춰 AI 질문에 답합니다.
2단계 (HTML 파일 저장): 제미나이가 완성해 준 단일 HTML 코드를 메모장에 붙여넣고 class_charter.html로 저장합니다.
3단계 (학급 다모임 수업): 교실 TV에 화면을 띄워 아이들과 함께 규칙을 행동으로 분해하고, 완성된 학급 헌장 포스터를 인쇄해 교실 문에 부착하며 뜻깊은 선포식을 진행합니다!

🎯 에디터 한줄평
"좋은 규칙은 아이들을 통제하는 문장이 아니라, 서로를 어떻게 아껴야 하는지 구체적으로 알려주는 따뜻한 나침반입니다. 제미나이 바이브 코딩으로 아이들의 손으로 직접 우리 반의 헌장을 완성해 보세요!"

📌 구글 제미나이 웹 및 개발자 리소스
Google Gemini 공식 포털 바로가기 🔗

[수업 교구] 제미나이(Gemini)로 만드는 초등 6학년 '삼권분립 상호 견제 인터랙티브 지식 그래프' 웹앱 프롬프트

📢 핵심 30초 요약
어려운 헌법 조항과 삼권분립, 이제 움직이는 시각적 관계망으로 탐구해요! 구글 제미나이(Gemini)에 프롬프트를 입력하면, [국회·정부·법원 3D 지식 그래프 노드 + 6대 상호 견제 경로 애니메이션 + 헌법 조항 쉬운 해설 팝업 + Web Audio 법봉 사운드]가 내장된 단일 HTML 인터랙티브 사회 수업 교구가 단 1분 만에 완성됩니다.

선생님, 그리고 아이들에게 민주주의의 핵심 원리인 '견제와 균형'을 생생하게 가르치고 싶으신 교육자 여러분 안녕하세요! 프롬프트로 배우는 바이브 코딩 블로그 에디터입니다. 😊

초등 6학년 1학기 사회 '우리나라의 정치 발전과 헌법' 단원에서 입법부, 행정부, 사법부의 역할을 가르칠 때, "법률안 거부권, 탄핵소추권, 위헌법률심판제청권 등 낯설고 딱딱한 법률 용어 때문에 아이들이 외우기 힘들어했던 경험" 다들 있으실 텐데요.

구글 제미나이(Gemini)용 바이브 코딩 프롬프트 하나면, 외부 서버나 유료 라이브러리 없이 단 하나의 독립형 HTML 웹 도구를 만들어 학생들이 전자칠판이나 태블릿에서 권력 기관 노드를 터치하며 권력이 어떻게 서로를 견제하고 균형을 이루는지 살아있는 애니메이션으로 탐구하는 '인터랙티브 삼권분립 지식 그래프'를 손쉽게 구축할 수 있답니다!

📊 제미나이 삼권분립 지식 그래프의 3가지 핵심 기능

교과서 속 평면 다이어그램을 동적 시각 관계망으로 혁신한 핵심 기능입니다.

무엇이 바뀌었나요? (영역)	초보자를 위한 쉬운 설명	이렇게 한번 써보세요!
🌐 3대 권력 노드 네트워크 (Interactive Force Graph)	국회(🏛️), 정부(🏢), 법원(⚖️) 노드가 살아 움직이며, 마우스나 터치로 끌어당기며 유기적인 삼각 균형 구조를 체험합니다.	전자칠판에 띄워 학생들이 직접 기관 노드를 터치하며 권한 확인
⚡ 실시간 견제 경로 발광 (Animated Check & Balance)	"대통령이 법률안 거부권을 쓰면?" 버튼을 누르면 정부에서 국회로 향하는 견제 화살표가 빛을 내며 흐르는 애니메이션이 작동합니다.	6대 견제 경로(탄핵소추, 거부권, 사면권, 위헌심판 등)를 시각적으로 추적
📜 헌법 조항 3초 만화 해설 (Constitution Card Modal)	화살표를 누르면 대한민국 헌법 조항(제53조, 제65조 등)과 함께 초등 6학년 눈높이에 맞춘 친절한 만화 대화창이 팝업됩니다.	"만약 한 기관에 권력이 집중되면 어떻게 될까?" 모둠 토의와 연계

💡 초보자를 위한 바이브 코딩 실전 사용 예시

초등 사회과 정치 리터러시와 헌법적 사고력을 길러주는 제미나이 전용 완성형 바이브 코딩 프롬프트입니다. AI가 다룰 헌법 기관(헌법재판소, 선거관리위원회 포함 여부 등)을 먼저 점검하도록 '거꾸로 프롬프트(Reverse Prompting)'가 내장되어 있습니다.

🪄 제미나이 전용 '삼권분립 인터랙티브 지식 그래프' 만능 프롬프트

    "당신은 초등 사회·정치 교육 및 D3.js/SVG 인터랙티브 네트워크 시각화 웹앱 전문 개발자입니다.

    초등학교 6학년 '우리나라의 정치 발전과 삼권분립' 단원에서 사용할 '삼권분립 상호 견제 인터랙티브 지식 그래프 웹앱'을 단일 HTML 파일(HTML+CSS+JS 내장, SVG/D3.js CDN 포함)로 제작해 주세요.

    [핵심 요구 기능 및 기술 사양]

    1. 삼권분립 3대 핵심 노드 & 헌법재판소 배치:

       - 🏛️ 국회 (입법부 / 법률 제정·개정, 예산안 심의)

       - 🏢 정부·대통령 (행정부 / 법률 집행, 국정 운영)

       - ⚖️ 법원 (사법부 / 법률 적용, 재판)

       - 🏛️ 헌법재판소 (위헌법률심판, 탄핵 심판)

    2. 6대 상호 견제 경로 애니메이션 (화살표 연결선):

       - 국회 ➔ 정부: [국정감사·조사권, 탄핵소추권, 국무총리 임명동의권]

       - 정부 ➔ 국회: [법률안 거부권(재의요구권)]

       - 국회 ➔ 법원: [대법원장 임명동의권, 법관 탄핵소추권]

       - 법원 ➔ 국회: [위헌법률심판 제청권]

       - 정부 ➔ 법원: [대법원장·대법관 임명권, 사면권]

       - 법원 ➔ 정부: [명령·규칙·처분 심사권]

    3. 클릭 시 헌법 조항 팝업 & Web Audio 사운드:

       - 견제 화살표를 클릭하면 펄스 빛 애니메이션과 함께 묵직한 법봉 사운드(Web Audio API 합성) 재생

       - 관련 대한민국 헌법 조항과 초등 6학년 눈높이 만화 말풍선 해설 모달 출력

    4. '권력 남용 방지 퀴즈 시뮬레이터':

       - 상단에 "Q. 정부가 국민의 권리를 침해하는 잘못된 명령을 내렸을 때 법원은 어떻게 견제할까요?" 같은 퀴즈 제시 ➔ 올바른 화살표 터치 시 정답 차임벨 및 축하 폭죽

    5. 디자인: 신뢰감을 주는 네이비/골드 톤의 입체적 다크모드 대시보드 UI (전자칠판 및 크롬북 터치 완벽 호환)

    코드를 작성하기 전, 다룰 견제 항목을 4가지 기본형으로 축약할지, 헌법재판소 노드를 별도로 분리할지 나에게 2가지 질문을 먼저 물어봐줘."

🏃 실전 적용 3단계 순서

1단계 (제미나이에 프롬프트 입력): 위 프롬프트를 복사하여 구글 제미나이에 전달하고, 우리 반 수업 깊이에 맞춰 AI 질문에 답합니다.
2단계 (HTML 파일 저장): 제미나이가 완성해 준 단일 HTML 코드를 메모장에 붙여넣고 checks_and_balances.html로 저장합니다.
3단계 (인터랙티브 사회 수업): 전자칠판에 지식 그래프를 띄워 아이들이 직접 견제 화살표를 누르고 퀴즈를 풀며, 민주주의의 아름다운 균형을 체득하는 깊이 있는 수업을 진행합니다!

🎯 에디터 한줄평
"민주주의는 완성된 제도가 아니라, 서로를 견제하고 조율하는 역동적인 관계 속에서 지켜집니다. 제미나이 바이브 코딩으로 아이들의 눈앞에 헌법의 살아 숨 쉬는 연결망을 펼쳐보세요!"

📌 구글 제미나이 웹 및 개발자 리소스
Google Gemini 공식 포털 바로가기 🔗