상상을 말로 하면 수업 앱이 된다, 코딩 없이 시작하는 초등 맞춤 에듀테크! 이 책은 Generative AI 시대를 맞아 초등 교육 현장에 최적화된 바이브 코딩(Vibe Coding) 활용 가이드북입니다. 복잡한 프로그래밍 언어 대신 제미나이, 클로드, 챗GPT 등 생성형 AI와의 자연스러운 대화(프롬프트)만으로 수업용 에듀테크 앱을 즉시 구현하는 방법을 소개합니다. 또한 기본 프롬프트 엔지니어링과 구글 사이트 도구 활용법부터 국어, 수학, 사회, 과학, 영어, 예체능 등 초등 전 과목에 맞춘 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 저장하기 - 그림 파일로 다운로드하기