초등교사를 위한 바이브 코딩 수업 가이드 with 2022 개정 교육과정(우리 반에 딱 맞는 수업이 만들어지는)

코딩을 몰라도 괜찮습니다,
교사의 직관과 AI의 기술이 만나 상상이 수업이 됩니다!

기존의 에듀테크 수업은 교사들에게 복잡한 코딩 지식을 요구하거나 이미 만들어진 기성 플랫폼의 한계에 갇히게 만들었습니다. 하지만 AI 기술의 발전은 '바이브 코딩'이라는 새로운 지평을 열었습니다. 이제 교사는 원하는 수업 장면과 상상을 말로 설명하기만 하면 됩니다.
이 책은 초등교사가 교실에서 즉시 적용할 수 있는 실전 에듀테크 앱 제작의 모든 과정을 다룹니다. 챗봇 세팅과 프롬프트 설계 같은 기초 체력부터 캔바, 구글 앱스 스크립트를 활용한 무료 배포 시스템 구축까지 차근차근 안내합니다.
특히 6개 교과 영역을 아우르는 30가지 맞춤형 프로젝트는 이 책의 핵심입니다. 국어의 'AI 자동 받아쓰기', 수학의 '분수 시각화 도구', 사회의 '한국사 타임라인', 과학의 '계절 변화 3D 시뮬레이션', 영어의 '음성 인식 스피킹 게임', 예체능의 '동작 감지 체육 활동' 및 '진로 명함 만들기' 등 생생한 예제를 수록했습니다.
이 책은 기술적 장벽으로 주저했던 선생님들에게 교실 혁신의 자신감을 선사하고, 학생들에게는 배움의 즐거움을 더해주는 완벽한 지침서가 될 것입니다.

1부 바이브 코딩을 위한 기본 개념
1 바이브 코딩의 시작 - 챗봇 세팅하기
__ STEP 01 제미나이
__ STEP 02 클로드
__ STEP 03 챗GPT
2 프롬프트 엔지니어링 - 최선의 프롬프트 만들기
__ STEP 01 프롬프트의 네 가지 핵심 구성요소
__ STEP 02 장면 설계 - 앱을 영화처럼 나누어 생각하기
__ STEP 03 단계적 프롬프트 vs. 한 번에 입력하기
__ STEP 04 수정 프롬프트 - 대화로 완성해 나가기
3 메타 프롬프트 - AI가 해 주는 프롬프트 엔지니어링
__ STEP 01 메타 프롬프트란?
__ STEP 02 메타 프롬프트가 효과적인 상황
4 소프트웨어 및 하드웨어 바이브 코딩 - 입출력의 차이
__ STEP 01 소프트웨어 바이브 코딩 - 화면 속 데이터를 다루는 지능형 도구
__ STEP 02 하드웨어 바이브 코딩 - 현실과 연결되는 살아 있는 교실 만들기

2부 수업을 관통하는 기본기
1 다양한 방식의 퀴즈 제작하기 - 객관식 퀴즈, OX 퀴즈 등 빠르고 효율적인 형성평가 만들기
__ STEP 01 객관식 퀴즈 만들기
__ STEP 02 반 전체가 다 함께 참여하는 OX 퀴즈 만들기
__ STEP 03 학습 단어를 쉽게 익히는 빈칸 채우기 퀴즈
__ STEP 04 조별로 진행하는 카드 뒤집기 게임
2 캔바 AI 바이브 코딩 - PPT 속에서 직접 조작하는 수업 자료 만들기
__ STEP 01 캔바 AI로 바이브 코딩하기
__ STEP 02 캔바 프레젠테이션에 앱 임베드하기
__ STEP 03 플러리시로 인터랙티브 데이터 시각화 만들기
3 나만의 에듀테크 앱스토어 - 구글 사이트 도구 활용하기
__ STEP 01 구글 사이트 도구 시작하기 - 홈페이지 틀 만들기
__ STEP 02 사이트 꾸미기 - 테마, 페이지, 삽입 세 가지만 알면 끝
__ STEP 03 웹 앱을 홈페이지에 넣기 - 두 가지 방법 비교하기
__ STEP 04 홈페이지 미리보기와 공유 - 실제로 어떻게 보이는지 확인하기
4 프론트엔드와 백엔드 - 프로그램을 돌리는 두 기둥
__ STEP 01 프론트엔드 - 사용자가 직접 보고 만지는 부분
__ STEP 02 백엔드 - 눈에 보이지는 않지만 작동하는 부분
__ STEP 03 프론트엔드와 백엔드를 나누어 생각해야 하는 이유
__ STEP 04 구글 앱스 스크립트 - 무료로 이용하는 서버

3부 국어
1 동형이의어, 다의어 사전 - 어려운 단어 쉽게 배워 보기
__ STEP 01 첫 화면과 전체 구조 만들기
__ STEP 02 단어 목록과 상세 학습 화면
__ STEP 03 학습 퀴즈 기능 제작하기
2 속담, 관용어 상황극 퀴즈 - 재미있는 상황극으로 배우기
__ STEP 01 첫 화면과 퀴즈 설정
__ STEP 02 상황극 퀴즈 화면 제작하기
__ STEP 03 정답, 오답 피드백 화면 제작하기
__ STEP 04 결과 화면과 오답 노트
3 AI 글쓰기 피드백 도우미 - 모든 학생의 글에 완벽한 첨삭 달기
__ STEP 01 글을 입력하는 첫 화면
__ STEP 02 공책 사진에서 글자 추출하기
__ STEP 03 AI 첨삭과 결과 화면
__ STEP 04 교사용 화면과 열쇠 관리
__ STEP 05 앱스 스크립트에 코드 옮기고 배포하기
4 AI 자동 받아쓰기 - 출제와 채점을 알아서 해 주는 자기주도 받아쓰기
__ STEP 01 첫 실행과 시험 만들기
__ STEP 02 엑셀과 PDF에서 문항 가져오기
__ STEP 03 AI 목소리와 학생 시험 화면
__ STEP 04 시험 결과 확인하기
__ STEP 05 앱스 스크립트에 코드 옮기고 배포하기

4부 수학
1 찰칵! 수학 문제 풀이 - 카메라로 찍으면 AI가 풀어 주는 연산 도우미
__ STEP 01 문제를 가져오는 첫 화면
__ STEP 02 사진에서 문제 읽기
__ STEP 03 단계별 풀이와 기록장
__ STEP 04 교사용 화면과 열쇠 관리
__ STEP 05 앱스 스크립트에 코드 옮기고 배포하기
2 분수 시각화 도구 - 쉽게 배우는 분수 개념과 통분, 약분
__ STEP 01 전체 메뉴와 디자인 구성하기
__ STEP 02 분수 시각화 모형 구성 - 어떻게 보여 줄 것인지 정하기
__ STEP 03 분수 입력 방법 설정하기
__ STEP 04 분수 통분 계산기 기능 설정하기
__ STEP 04 분수 약분 계산기 기능 설정하기
3 찰칵! 비례식 - 카메라를 이용한 실생활 속 수학 탐구
__ STEP 01 웹 앱 기본 개요 제작하기
__ STEP 02 사진 위에 선 긋고 길이 재기
__ STEP 03 비례식 퀴즈로 직접 풀어 보기
4 전개도와 겨냥도 - 도형의 공간 개념을 시각화하기
__ STEP 01 도형 고르기 - 각기둥과 각뿔을 나누어 보기
__ STEP 02 전개도 보기 - 펼친 상태에서 먼저 관찰하기
__ STEP 03 전개도를 한 번에 바꾸는 기능 추가하기
__ STEP 04 전개도와 겨냥도 동시에 보기 - 돌려 보며 입체 도형 관찰하기
5 확률 시뮬레이터 - 수많은 경우의 수를 직접 확인하기
__ STEP 01 동전 던지기 실험 제작하기
__ STEP 02 주사위 굴리기 실험 만들기
__ STEP 03 주머니 공 뽑기 실험 제작하기

5부 사회
1 우리 동네 시장을 열어라 - 수요, 공급 직접 체험하기
__ STEP 01 내 가게를 여는 시작 화면 만들기
__ STEP 02 가격, 수량 설정하기와 시장 열기
__ STEP 03 현실 경제를 반영하는 요소 만들기
__ STEP 04 배움을 정리하는 마무리 만들기
2 한국사 타임라인 챌린지 - 역사 카드를 추가해 순서대로 배치하기
__ STEP 01 게임 시작 화면 구성하기
__ STEP 02 역사적 사건 추가하기
__ STEP 03 챌린지 모드 제작하기
3 세계 수도 퀴즈 - 즐거운 세계 문화 공부
__ STEP 01 지도를 가져와 웹 앱 제작하기
__ STEP 02 위성 지도로 업그레이드하고 게임 모드 추가하기
__ STEP 03 랜드마크 이미지를 미리 불러와 딜레이 없이 보여 주기
__ STEP 04 퀴즈로 즐겁게 배워 보기
__ STEP 05 학습 모드 추가하고 인사말 듣기 기능 추가하기
4 역사 속 닮은꼴 찾기 - 나와 닮은 위인 찾아보기
__ STEP 01 역사속 위인들의 정보 구성하기
__ STEP 02 얼굴 입력 기능 구성하기
__ STEP 03 매칭 결과와 위인 탐색 구성하기

6부 과학
1 계절 변화의 원인 - 기울어진 자전축의 영향 알아보기
__ STEP 01 전체 화면 구성하기와 3D 우주 시점 화면 만들기
__ STEP 02 지표면 시점의 남중고도 화면 만들기
__ STEP 03 각종 옵션 버튼과 설명 패널 만들기
2 달의 위상 변화 시뮬레이션 - 여러 가지 달의 모습 관측하기
__ STEP 01 시뮬레이션 구조와 화면 구성하기
__ STEP 02 달의 변화 시뮬레이션 구현하기
__ STEP 03 태양 광선과 회전 기능 추가하기 - 시뮬레이션 고도화하기
3 전기 회로 키트 - 가상 전기 회로 실험 도구 제작하기
__ STEP 01 실험 도구 업로드하기 - 전지, 전구, 스위치 배치하기
__ STEP 02 전선 연결하기 - 단자를 이어서 회로 만들기
__ STEP 03 비교 실험하기 - A 구역과 B 구역에 서로 다른 회로 만들기
__ STEP 04 학습 개념 정리하기
4 먹이사슬 게임 - 쉽고 재미있게 연결하며 배우는 먹이사슬
__ STEP 01 전체 게임 구조와 화면 구성하기
__ STEP 02 스테이지와 배경 구성 - 분류하기 및 배경 생성하기
__ STEP 03 학습 내용 정리 - 스테이지 종료 후 정보 창 띄우기
__ STEP 04 경쟁 요소 추가하기 - 점수 산정 및 힌트 기능 설정하기
5 원소 기호 백과사전 - 원스톱으로 끝내는 원소 공부
__ STEP 01 주기율표 탐색 화면 구성하기
__ STEP 02 불꽃 반응 실험 탭 제작하기
__ STEP 03 학습 확인 퀴즈 제작하기

7부 영어
1 단어 팡팡 스피킹 게임 - 모든 학생이 목소리를 내는 학습 게임
__ STEP 01 기본 게임 구조 만들기
__ STEP 02 음성 인식으로 단어 없애기
__ STEP 03 게임 전 학습 모드 추가하기
__ STEP 04 PDF 파일 업로드 기능 제작하기
2 깜빡이 영단어 암기 - 발음과 예문을 생성해 주는 단어장
__ STEP 01 단어 깜빡이 기본 기능 만들기
__ STEP 02 영단어와 예문을 소리로 읽어 주기
__ STEP 03 파일 업로드 기능과 자동 생성 기능 추가하기
__ STEP 04 3D 배경과 디자인 완성하기
3 워드 서치 게임 - 자동으로 생성되는 단어 찾기 게임
__ STEP 01 수업 단어로 게임 만들기
__ STEP 02 단어를 직접 찾아내는 기능 만들기
__ STEP 03 완성도 있는 학습 도구로 업그레이드하기
4 문장 성분 분석기 - 주어, 서술어 등을 분석해 독해 능력 키우기
__ STEP 01 문장 분석기 화면 제작하기
__ STEP 02 퀴즈 모드 추가하기
__ STEP 03 국어, 영어 대조 학습 화면 만들기

8부 예체능
1 동작 감지 체육 활동 - 운동량 넘치는 역동적인 실내 체육
__ STEP 01 카메라로 몸의 움직임 감지하기
__ STEP 02 움직임을 점수로 바꾸기
__ STEP 03 게임 인터페이스 디자인하기
__ STEP 04 실시간 대결 구현하기
2 리코더 연주 도우미 - 소리를 감지하는 AI 리코더 선생님
__ STEP 01 마이크로 음 인식하기
__ STEP 02 목표 음과 비교해서 정확도 알려 주기
__ STEP 03 순서 연습 모드와 화면 디자인 꾸미기
3 빛의 색상 혼합 시뮬레이터 - 가산 혼합 쉽게 이해하기
__ STEP 01 빛을 디지털 화면에 시각화하여 만들기
__ STEP 02 슬라이더와 프리셋 컨트롤
__ STEP 03 AI 색상 분석 기능 추가하기
4 진로 명함 만들기 - 내 미래의 명함 미리 만들어 보기
__ STEP 01 사진 업로드하기 - 내 얼굴과 직업 사진 준비하기
__ STEP 02 변신하기 - 얼굴은 그대로, 직업 옷만 입히기
__ STEP 03 명함 만들기 - 사진과 정보를 넣어 미래 명함 완성하기
__ STEP 04 저장하기 - 그림 파일로 다운로드하기

박만재 초등학교 교사. 18년째 아이들을 가르치며 에듀테크로 수업을 바꿔 왔다. 교육청 및 APEC 국제교육협력원 네트워크에서 활동하며 우간다, 네팔 등 해외 교육 현장과 교류를 이어 왔고, 디지털 교육 유공으로 경기도교육감 표창을 받았다. 에듀넷 지식샘터에서 120회 이상의 연수를 진행했으며, 아이스크림·티처빌·YBM 등 원격교육연수원에서 교사 연수를 운영하고 있다. 교육부 AI 디지털 기반 교육혁신 멘토로 활동 중이며, 저서로는 『스마트폰, 학교 수업에 들어오다!』, 『2026 대한민국 미래교육 트렌드』(공저) 등이 있다.