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 저장하기 - 그림 파일로 다운로드하기