혼자 해도 프로 선생님처럼 잘 하는 바이브 코딩
복붙하고, 내 맘대로 바꾸고, 직접 만드는 1년 학사일정 완벽 대비 웹앱 만들기
Regular price
$28.09
Sale price
Regular price
Shipping calculated at checkout.
✈️
Estimated delivery date 예상 배송일
Standard Shipping
불러오는 중...
주문일로부터 8-12 영업일
Express Shipping
불러오는 중...
주문일로부터 6-8 영업일
코딩 문법을 몰라도 우리 반에 딱 맞는 웹앱을 직접 만든다
2월 디지털 안내데스크부터 이듬해 1월 반 배정 테트리스까지, 현직 초등교사 7인의 열두 달 기록
Level 1-완성된 웹앱을 바로 쓰고, Level 2-내 맘대로 수정하고, Level 3-처음부터 직접 설계하는 단계별 학습!
새 학기 첫 주, 아이들의 잃어버린 비밀번호를 찾아주다가 수업 시작이 늦어진 적 없으신가요? 방학이 끝나면 단체 대화방에 뒤섞인 숙제 인증 사진을 정리하느라 한나절을 보내고, 학년 말이면 칠판 가득 포스트잇을 붙였다 떼며 반 배정과 씨름합니다. 그렇게 한 해를 보내고 나면 학부모 상담에서 할 수 있는 말이 "착해요, 잘 지내는 편이에요."에서 더 나아가지 못합니다. 〈혼자 해도 프로 선생님처럼 잘 하는 바이브 코딩〉은 바로 그 시간을 아이들에게 돌려주는 책입니다.
이 책은 교사가 직접 만든 웹앱 열두 개로 한 해를 완성합니다. 2월 학생들의 ID와 비밀번호를 관리하는 디지털 안내데스크에서 출발해 자리 배치 프로그램, 체력 챌린지 기록판, 체험학습 웹앱, 영단어 매칭 게임, 방학 숙제방, 아이들의 경제 학습을 돕는 학급 화폐 시스템, 아이들의 성장 기록을 모아주는 클래스크, AI 토론 웹앱, 마니또 게임, 학생 스스로 학습할 수 있게 도와주는 수학 마스터를 차례로 만들고, 이듬해 1월 반 배정 테트리스로 마칩니다.
만드는 방법은 모두 같습니다. AI에게 원하는 기능을 우리말로 설명해서 앱을 만드는 방식을 '바이브 코딩'이라고 부릅니다. 바이브 코딩을 한다면 코딩 실력은 필요하지 않습니다. 예를 들어 아이들 정보를 담은 구글 시트를 데이터베이스로 삼고, 앱스 스크립트로 빠르게 배포하는 방식입니다. 열두 개의 웹앱이 Level 1, 2, 3으로 구성되어 있습니다. Level 1은 완성된 웹앱을 복사해 학생 데이터만 바꿔 넣으면 내일 수업에 바로 쓸 수 있습니다. 쓰다가 고치고 싶은 곳이 생기면 프롬프트 몇 줄로 우리 반에 맞게 수정하고(Level 2), 더 익숙해지면 처음부터 직접 설계합니다(Level 3). 세 단계를 순서대로 밟거나 웹앱 열두 개를 다 만들 필요는 없습니다. 지금 우리 반에 필요한 웹앱부터 골라 쓰면 됩니다.
어떤 독자를 위한 책인가?
- 매달 반복되는 학사 업무로 수업 준비에 쓸 시간이 부족한 선생님
- 코딩을 몰라도 우리 반 전용 웹앱을 갖고 싶은 선생님
- 제미나이와 구글 시트, 앱스 스크립트로 학급 업무를 자동화하고 싶은 선생님
- 현직 초등교사 일곱 명이 교실에서 검증한 사례를 그대로 따라 해 보고 싶은 선생님
2월 디지털 안내데스크부터 이듬해 1월 반 배정 테트리스까지, 현직 초등교사 7인의 열두 달 기록
Level 1-완성된 웹앱을 바로 쓰고, Level 2-내 맘대로 수정하고, Level 3-처음부터 직접 설계하는 단계별 학습!
새 학기 첫 주, 아이들의 잃어버린 비밀번호를 찾아주다가 수업 시작이 늦어진 적 없으신가요? 방학이 끝나면 단체 대화방에 뒤섞인 숙제 인증 사진을 정리하느라 한나절을 보내고, 학년 말이면 칠판 가득 포스트잇을 붙였다 떼며 반 배정과 씨름합니다. 그렇게 한 해를 보내고 나면 학부모 상담에서 할 수 있는 말이 "착해요, 잘 지내는 편이에요."에서 더 나아가지 못합니다. 〈혼자 해도 프로 선생님처럼 잘 하는 바이브 코딩〉은 바로 그 시간을 아이들에게 돌려주는 책입니다.
이 책은 교사가 직접 만든 웹앱 열두 개로 한 해를 완성합니다. 2월 학생들의 ID와 비밀번호를 관리하는 디지털 안내데스크에서 출발해 자리 배치 프로그램, 체력 챌린지 기록판, 체험학습 웹앱, 영단어 매칭 게임, 방학 숙제방, 아이들의 경제 학습을 돕는 학급 화폐 시스템, 아이들의 성장 기록을 모아주는 클래스크, AI 토론 웹앱, 마니또 게임, 학생 스스로 학습할 수 있게 도와주는 수학 마스터를 차례로 만들고, 이듬해 1월 반 배정 테트리스로 마칩니다.
만드는 방법은 모두 같습니다. AI에게 원하는 기능을 우리말로 설명해서 앱을 만드는 방식을 '바이브 코딩'이라고 부릅니다. 바이브 코딩을 한다면 코딩 실력은 필요하지 않습니다. 예를 들어 아이들 정보를 담은 구글 시트를 데이터베이스로 삼고, 앱스 스크립트로 빠르게 배포하는 방식입니다. 열두 개의 웹앱이 Level 1, 2, 3으로 구성되어 있습니다. Level 1은 완성된 웹앱을 복사해 학생 데이터만 바꿔 넣으면 내일 수업에 바로 쓸 수 있습니다. 쓰다가 고치고 싶은 곳이 생기면 프롬프트 몇 줄로 우리 반에 맞게 수정하고(Level 2), 더 익숙해지면 처음부터 직접 설계합니다(Level 3). 세 단계를 순서대로 밟거나 웹앱 열두 개를 다 만들 필요는 없습니다. 지금 우리 반에 필요한 웹앱부터 골라 쓰면 됩니다.
어떤 독자를 위한 책인가?
- 매달 반복되는 학사 업무로 수업 준비에 쓸 시간이 부족한 선생님
- 코딩을 몰라도 우리 반 전용 웹앱을 갖고 싶은 선생님
- 제미나이와 구글 시트, 앱스 스크립트로 학급 업무를 자동화하고 싶은 선생님
- 현직 초등교사 일곱 명이 교실에서 검증한 사례를 그대로 따라 해 보고 싶은 선생님
Couldn't load pickup availability
출판사 리뷰
출판사 리뷰
이 책의 특징
1. 복붙해서 바로 쓰고, 내 맘대로 수정하고, 원하는 웹앱을 직접 설계하는 3단계 학습 과정
이 책의 모든 챕터는 3단계 학습 과정으로 구성되어 있습니다. 완성된 웹앱을 복사해 학생 데이터만 바꿔 배포하는 Level 1, "테마를 여름 바다 색으로 바꿔줘" 같은 프롬프트 몇 줄로 웹앱을 우리 반에 맞게 고치는 Level 2, 그리고 구글 시트로 데이터베이스를 설계하는 것부터 시작해 웹앱을 처음부터 만들어 보는 Level 3으로 진행됩니다. 코딩을 몰라도 3단계 학습 과정을 통해 우리 반에 딱 맞는 웹앱을 만들 수 있습니다!
2. 2월부터 이듬해 1월까지, 교사의 열두 달 학사일정을 웹앱으로 만난다
이 책은 학교의 열두 달 학사일정을 순서대로 따라갑니다. 2월 아이들의 ID와 비밀번호를 관리하는 디지털 안내데스크, 3월 우리 반 자리 배치 프로그램, 4월 체육 체력 챌린지 기록판, 5월 현장 체험학습 웹앱, 6월 영단어 매칭 게임, 7월 방학 숙제를 확인할 수 있는 방학 숙제 확인방, 8월 우리 반 경제 학습을 돕는 학급 화폐 시스템, 9월 아이들의 성장 기록을 저장하는 클래스크 시스템, 10월 AI와 함께 하는 AI 토론 웹앱, 11월 학급 운영을 돕는 마니또 게임, 12월 아이 스스로 성장을 확인하는 수학 마스터, 이듬해 1월 새 학기 반 배정 테트리스까지. 학급 운영과 교과 수업, 교무 업무 전반을 다루고 있으니. 도움이 필요한 순간 언제든 해당 챕터를 펼쳐 활용해보세요.
3. 교사의 업무는 가벼워지고, 교실의 풍경이 달라진다
새 학기 계정 안내부터 방학 숙제 정리, 체육 기록 작성, 며칠씩 걸리던 반 배정까지, 웹앱을 활용하면 소모적인 잡무 시간이 사라집니다. 그렇게 아낀 시간은 아이들에게 돌아갑니다. 자리 바꾸기 불만을 달래는 대신 표정이 어두운 아이에게 먼저 말을 건네고, 단순 숙제 검사 대신 발전한 기록을 아이와 함께 바라봅니다.
아이들도 달라집니다. 그래프로 쌓이는 성장을 보며 옆 친구가 아닌 '어제의 자신'과 비교하기 시작합니다. 등교, 과제 제출, 감정 기록이 자동으로 누적되어 학부모 상담에서도 막연한 칭찬 대신 명확한 근거로 아이의 한 해를 이야기할 수 있습니다.
4. 현직 초등교사들이 교실에서 검증한 사례와 확장 아이디어 제공
이 책의 웹앱은 모두 저자들이 실제로 만들어 자기 반에 적용하고 아이들의 피드백을 받아 고친 실전 콘텐츠입니다. 챕터마다 [달라진 우리 반 모습]으로 교실과 업무가 어떻게 바뀌었는지 기록하고, [선생님의 꿀팁]으로 실제로 부딪힌 문제와 해결법을 남겼습니다. 챕터 끝의 [선생님의 특강]은 웹앱을 다른 학년과 다른 교과로 넓히는 방법을 다룹니다. 학급 도서 대출 시스템, 온라인 도덕 실천 기록지, 수학여행 가이드 앱, 마니또 게임 웹앱을 NFC 태그로 접속하여 교실 밖에서도 접속할 수 있는 방법 등 다양한 확장 아이디어를 제공합니다. 책에 수록된 12개의 웹앱을 넘어 우리 반에 필요한 다양한 웹앱으로 발전시켜보세요!
1. 복붙해서 바로 쓰고, 내 맘대로 수정하고, 원하는 웹앱을 직접 설계하는 3단계 학습 과정
이 책의 모든 챕터는 3단계 학습 과정으로 구성되어 있습니다. 완성된 웹앱을 복사해 학생 데이터만 바꿔 배포하는 Level 1, "테마를 여름 바다 색으로 바꿔줘" 같은 프롬프트 몇 줄로 웹앱을 우리 반에 맞게 고치는 Level 2, 그리고 구글 시트로 데이터베이스를 설계하는 것부터 시작해 웹앱을 처음부터 만들어 보는 Level 3으로 진행됩니다. 코딩을 몰라도 3단계 학습 과정을 통해 우리 반에 딱 맞는 웹앱을 만들 수 있습니다!
2. 2월부터 이듬해 1월까지, 교사의 열두 달 학사일정을 웹앱으로 만난다
이 책은 학교의 열두 달 학사일정을 순서대로 따라갑니다. 2월 아이들의 ID와 비밀번호를 관리하는 디지털 안내데스크, 3월 우리 반 자리 배치 프로그램, 4월 체육 체력 챌린지 기록판, 5월 현장 체험학습 웹앱, 6월 영단어 매칭 게임, 7월 방학 숙제를 확인할 수 있는 방학 숙제 확인방, 8월 우리 반 경제 학습을 돕는 학급 화폐 시스템, 9월 아이들의 성장 기록을 저장하는 클래스크 시스템, 10월 AI와 함께 하는 AI 토론 웹앱, 11월 학급 운영을 돕는 마니또 게임, 12월 아이 스스로 성장을 확인하는 수학 마스터, 이듬해 1월 새 학기 반 배정 테트리스까지. 학급 운영과 교과 수업, 교무 업무 전반을 다루고 있으니. 도움이 필요한 순간 언제든 해당 챕터를 펼쳐 활용해보세요.
3. 교사의 업무는 가벼워지고, 교실의 풍경이 달라진다
새 학기 계정 안내부터 방학 숙제 정리, 체육 기록 작성, 며칠씩 걸리던 반 배정까지, 웹앱을 활용하면 소모적인 잡무 시간이 사라집니다. 그렇게 아낀 시간은 아이들에게 돌아갑니다. 자리 바꾸기 불만을 달래는 대신 표정이 어두운 아이에게 먼저 말을 건네고, 단순 숙제 검사 대신 발전한 기록을 아이와 함께 바라봅니다.
아이들도 달라집니다. 그래프로 쌓이는 성장을 보며 옆 친구가 아닌 '어제의 자신'과 비교하기 시작합니다. 등교, 과제 제출, 감정 기록이 자동으로 누적되어 학부모 상담에서도 막연한 칭찬 대신 명확한 근거로 아이의 한 해를 이야기할 수 있습니다.
4. 현직 초등교사들이 교실에서 검증한 사례와 확장 아이디어 제공
이 책의 웹앱은 모두 저자들이 실제로 만들어 자기 반에 적용하고 아이들의 피드백을 받아 고친 실전 콘텐츠입니다. 챕터마다 [달라진 우리 반 모습]으로 교실과 업무가 어떻게 바뀌었는지 기록하고, [선생님의 꿀팁]으로 실제로 부딪힌 문제와 해결법을 남겼습니다. 챕터 끝의 [선생님의 특강]은 웹앱을 다른 학년과 다른 교과로 넓히는 방법을 다룹니다. 학급 도서 대출 시스템, 온라인 도덕 실천 기록지, 수학여행 가이드 앱, 마니또 게임 웹앱을 NFC 태그로 접속하여 교실 밖에서도 접속할 수 있는 방법 등 다양한 확장 아이디어를 제공합니다. 책에 수록된 12개의 웹앱을 넘어 우리 반에 필요한 다양한 웹앱으로 발전시켜보세요!
목차
목차
머리말
추천사
이 책의 구성
일러두기
CHAPTER 01 | 2월 [학급운영] 아이들이 스스로 관리하는 우리 반 디지털 안내데스크 만들기
_LESSON 01. 로그인 지옥에서 디지털 자립심으로
__아수라장이 된 첫 AI 수업
__디지털 자립심의 씨앗
_LESSON 02. 우리 반 디지털 안내데스크 기능 알아보기
__로그인 화면 알아보기
__조회 결과 및 계정 추가 화면 알아보기
___조회 결과 화면
___새로운 계정 추가하기 화면
_LESSON 03. 코딩 없이 바로 쓰는 우리 반 디지털 안내데스크 [LEVEL 1]
__[수업 적용하기] 01 사본 만들어 우리 반 학생 데이터 입력하고 사용하기
___웹앱 복사하여 바로 쓰기
___학생 데이터 입력하고 배포하기
_LESSON 04. 우리 반에 맞게 고쳐 쓰는 디지털 안내데스크 [LEVEL 2]
__[수업 적용하기] 02 프롬프트로 웹앱 수정하고 배포하기
___제미나이에 수정 프롬프트 제출하기
___웹앱 코드 교체하고 재배포하기
_LESSON 05. 바이브 코딩으로 만드는 우리 반 디지털 안내데스크 [LEVEL 3]
__[수업 적용하기] 03 우리 반에 딱 맞는 디지털 안내데스크 만들기
___구글 시트로 디지털 안내데스크의 DB 구조 잡기
___학생목록과 계정정보 시트를 연결하는 로그인 로직 추가하기
___계정 추가 기능 구현하기
___디자인과 복사 기능 보강하기
__달라진 우리 반 모습
_[오성환 선생님의 특강] 다른 학년·교과로 넓히는 디지털 안내데스크 확장법
__추가로 쓸 수 있는 확장 아이디어
___확장 01. 학급 도서 대출·반납 시스템
___확장 02. 1인 1역 당번표 조회 시스템
__확장 시 유의할 점
CHAPTER 02 | 3월 [학급운영] 공정하게 배치해주는 우리 반 자리 배치 프로그램 만들기
_LESSON 01. 자리 바꾸기, 모두가 만족할 수 없을까
__교실의 작은 균열, 여기부터 시작된다
__학생들의 요구와 교사의 배려
_LESSON 02. 우리 반 맞춤형 자리 배치 프로그램 미리보기
__우리 반 맞춤형 자리 배치 프로그램 화면 구성과 구글 시트 구성
__자리 배치 조건 설정
___교실 배치도 설정 화면
___남녀 배치
___고정석(앞줄 왼쪽부터 배치)
___배치 금지와 선호 배치
___배치 저장하고 불러오기
___새 창에서 보기(인쇄)
___전체 초기화(명단 유지)
_LESSON 03. 코딩 없이 바로 쓰는 우리 반 자리 배치 프로그램 [LEVEL 1]
__[수업 적용하기] 01 사본 만들고 우리 반 학생 데이터 입력해 사용하기
___웹앱 복사하고 데이터 변경하기
___웹앱 배포하기
_LESSON 04. 우리 반에 맞게 고쳐 쓰는 자리 배치 프로그램 [LEVEL 2]
__[수업 적용하기] 02 프롬프트로 웹앱 수정하고 배포하기
___제미나이에 수정 프롬프트 제출하고 코드 교체하기
___테스트 배포로 확인하고 배포 관리로 버전 업데이트하기
_LESSON 05. 바이브 코딩으로 만드는 우리 반 자리 배치 프로그램 [LEVEL 3]
__[수업 적용하기] 03 우리 반에 딱 맞는 자리 배치 프로그램 만들기
___구글 시트로 자리 배치 프로그램의 DB 구조 잡기
___주요 기능 추가하기
___우리 반에 맞는 디테일 추가하기
___웹앱 오류 수정하기 : 디자인과 편의 기능 보강하기
__달라진 우리 반 모습
___웹앱이 만들어준 공평한 자리 배치 시간
_[김미승 선생님의 특강] 우리 반에 꼭 필요한 특성을 어떻게 반영할 수 있을까?
__우리 반 특수성 반영하기
__확장 아이디어
___확장 01. 도움이 필요한 친구를 위한 배려 배치
___확장 02. 왼손잡이 친구를 배려하는 친구들
__우리 반 맞춤 설계 시 유의할 점
CHAPTER 03 | 4월 [체육] 아이들이 스스로 기록하고 관리하는 체력 챌린지 기록판 만들기
_LESSON 01. 종이 기록판의 한계, 맞춤형 웹앱이 필요한 이유
__체육시간의 복병, 기록 챌린지
__교사의 일손을 줄여줄 웹앱의 다섯 가지 조건
_LESSON 02. 체력 챌린지 기록판 기능 알아보기
__웹앱 구성 및 구글 시트 구성 알아보기
___로그인 화면
___비밀번호 변경 화면
___구글 시트의 데이터 구성 화면
__체력 챌린지 기록판 사용 방법
___종목 선택하고 기록 저장하기
___내 성장 그래프 보기
___이전 기록 확인하고 수정 요청하기
_LESSON 03. 코딩 없이 바로 쓰는 우리 반 체력 챌린지 기록판 [LEVEL 1]
__[수업 적용하기] 01 사본 만들고 우리 반 학생 데이터 입력하고 사용하기
___웹앱 복사하고 데이터 변경하기
___웹앱 배포하기
_LESSON 04. 우리 반에 맞게 고쳐 쓰는 체력 챌린지 기록판 [LEVEL 2]
__[수업 적용하기] 02 프롬프트로 웹앱 수정하고 배포하기
___제미나이에 수정 프롬프트 제출하기
___웹앱 코드 교체하고 재배포하기
_LESSON 05. 바이브 코딩으로 만드는 우리 반 체력 챌린지 기록판 [LEVEL 3]
__[수업 적용하기] 03 우리 반에 딱 맞는 체력 챌린지 기록판 만들기
___구글 시트로 체력 챌린지 기록판 구조 잡기
___구글 시트와 웹앱을 연결하는 구조 설계하기
___주요 기능 추가하기
__달라진 우리 반 모습
___아이 스스로가 성장을 체감할 수 있는 풍경
_[김미승 선생님의 특강] 다른 학년 및 교과로의 확장 아이디어
__온라인 도덕 실천 기록지로 확장하기
__확장 시 유의할 점
CHAPTER 04 | 5월 [학급운영] 아이들의 안전과 학습을 돕는 우리 반 체험학습 웹앱 만들기
_LESSON 01. 우리 반 체험학습 웹앱이 필요한 이유
__움직이는 안내 방송이 된 하루
__종이 안내장의 한계를 극복하는 우리 반 체험학습 웹앱 구상하기
_LESSON 02. 우리 반 체험학습 웹앱 기능 알아보기
__로그인 화면 알아보기
__정보·미션·버스·안내 탭 알아보기
___체험학습 정보를 알려주는 정보 탭
___체험학습에서 수행해야 하는 미션을 알려주는 미션 탭
___아이들의 버스 자리를 알려주는 버스 탭
___선생님의 안내사항을 전달하는 안내 탭
_LESSON 03. 코딩 없이 바로 쓰는 우리 반 체험학습 웹앱 [LEVEL 1]
__[수업 적용하기] 01 사본 만들어 우리 반 학생 데이터 입력하고 바로 사용하기
___웹앱 복사하여 바로 쓰기
___학생명부 시트에 데이터 입력하기
___웹앱 배포하고 아이들에게 QR 코드로 공유하기
_LESSON 04. 우리 반에 맞게 고쳐 쓰는 체험학습 웹앱 [LEVEL 2]
__[수업 적용하기] 02 프롬프트로 웹앱 수정하고 배포하기
___프롬프트로 교체용 코드 작성하기
___코드 교체하고 재배포하기
_LESSON 05. 바이브 코딩으로 만드는 우리 반 체험학습 웹앱 [LEVEL 3]
__[수업 적용하기] 03 우리 반에 딱 맞는 체험학습 웹앱 만들기
___다섯 개의 시트로 올인원 체험학습 웹앱의 DB 구조 잡기
___로그인 기능과 탭 내비게이션 기능 추가하기
___미션 수행과 버스 자리 확인 기능 추가하기
___체험학습에서 안내사항을 전달하는 선생님 안내 탭 기능 추가하기
__달라진 우리 반 모습
_[오성환 선생님의 특강] 다른 학년·교과로 넓히는 체험학습 웹앱 확장법
__추가로 쓸 수 있는 확장 아이디어
___확장 01. 교내 축제에 활용
___확장 02. 수학여행·수련회 종합 가이드 앱
__확장 시 유의할 점
CHAPTER 05 | 6월 [영어] 아이들의 수준에 맞춰 학습하는 영단어 매칭 게임 웹앱 만들기
_LESSON 01. 아이들의 영어 학습을 돕는 웹앱이 필요한 이유
__영어 전담교사가 본 극과 극의 아이들
__영어 전담교사가 고민한 세 가지 방법
_LESSON 02. 영단어 매칭 게임 웹앱 알아보기
__교사 전용 데이터베이스 세팅 화면
__학습 단원 선택과 게임 모드 선택 화면 알아보기
__타이머와 카드 연출 알아보기
_LESSON 03. 코딩 없이 바로 쓰는 영단어 매칭 게임 [LEVEL 1]
__[수업 적용하기] 01 사본 만들어 학습 데이터 입력하고 바로 사용하기
___웹앱 복사하여 바로 쓰기
___학습 데이터 입력하고 배포하기
_LESSON 04. 우리 반에 맞게 고쳐 쓰는 영단어 매칭 게임 [LEVEL 2]
__[수업 적용하기] 02 프롬프트로 기능 추가하고 배포하기
___제미나이에 수정 프롬프트 제출하기
_LESSON 05. 바이브 코딩으로 만드는 우리 반 영단어 매칭 게임 [LEVEL 3]
__[수업 적용하기] 03 우리 반에 딱 맞는 영단어 매칭 게임 만들기
___제미나이로 영단어 매칭 게임 웹앱의 DB와 코드 작성하기
___학습 시간을 측정하는 타이머 기능과 학습 결과를 다운로드할 수 있는 기능 추가하기
___학습한 단어로 단어장을 만드는 기능 추가하기
___프롬프트로 아이들이 몰입할 수 있는 디자인과 효과음 추가하기
__달라진 우리 반 모습
___같은 방향, 다른 속도로 배움을 이어가는 교실
_[이승우 선생님의 특강] 매칭 게임, 모든 교과로 확장해 200% 활용하기
__바이브 코딩을 통한 매칭 게임, 다른 교과에 적용한다면?
CHAPTER 06 | 7월 [학급운영] 우리 반의 방학 숙제를 확인하는 방학 숙제방 만들기
_LESSON 01. 방학 숙제 확인, 메신저가 아닌 웹앱이 필요한 이유
__사라지는 숙제들
__숙제는 걷는 것보다 확인이 더 오래 걸린다
_LESSON 02. 방학 숙제방 기능 알아보기
__로그인 화면
__숙제 올리기와 친구들 보기 화면
___숙제 올리기
___친구들 보기
__선생님 모드 화면
_LESSON 03. 코딩 없이 바로 쓰는 우리 반 방학 숙제방 [LEVEL 1]
__[수업 적용하기] 01 사본 만들어 우리 반 학생 데이터 입력하고 사용하기
___웹앱 복사하여 바로 쓰기
___웹앱 배포하고 공유하기
_LESSON 04. 우리 반에 맞게 고쳐 쓰는 방학 숙제방 [LEVEL 2]
__[수업 적용하기] 02 프롬프트로 웹앱 수정하고 배포하기
___제미나이에 수정 프롬프트 제출하고 코드 교체하기
_LESSON 05. 바이브 코딩으로 만드는 우리 반 방학 숙제방 [LEVEL 3]
__[수업 적용하기] 03 우리 반에 딱 맞는 방학 숙제방 만들기
___제미나이로 웹앱 첫 번째 버전 요청하기
___웹앱 버튼에 3D 그림자 추가하기
___테스트 피드백을 통해 기능 추가하기
__달라진 우리 반 모습
___해야 하는 것에서 보여주고 싶은 것으로 바뀐 숙제
_[윤태영 선생님의 특강] 방학 일기장으로 웹앱 활용하기
__방학 일기장으로 확장하기
__학기 중에 활용한다면
CHAPTER 07 | 8월 [학급운영] 우리 반 아이들이 스스로 관리하는 학급 화폐 시스템 만들기
_LESSON 01. 학급 화폐 시스템 스마트하게 운영하기
__학급 화폐 시스템과 바이브 코딩 합치기
_LESSON 02. 학급 화폐 시스템 미리보기
__학생 대시보드 알아보기
___실시간 잔액 조회
___거래하기(수입 및 지출 기록)
___송금
___저축 상품 가입
___거래 내역
__교사 대시보드
___세금 관리
___감찰
___저축 관리
___급여 지급
___설정
_LESSON 03. 코딩 없이 바로 쓰는 우리 반 학급 화폐 시스템 [LEVEL 1]
__[수업 적용하기] 01 사본 만들어 우리 반 학급 화폐 시스템으로 사용하기
___웹앱 복사하여 바로 쓰기
___학생 데이터 입력하고 배포하기
_LESSON 04. 우리 반에 맞게 고쳐 쓰는 학급 화폐 시스템 [LEVEL 2]
__[수업 적용하기] 02 프롬프트로 웹앱 수정하고 배포하기
___제미나이에 수정 프롬프트 제출하기
___웹앱 코드 교체하고 재배포하기
_LESSON 05. 바이브 코딩으로 만드는 우리 반 학급 화폐 시스템 [LEVEL 3]
__[수업 적용하기] 03 우리 반에 딱 맞는 학급 화폐 시스템 만들기
___제미나이로 학급 화폐 시스템 DB 구조와 웹앱 코드 작성하기
___학생들의 진짜 피드백을 바탕으로 수정하기
__달라진 우리 반 모습
___교사의 변화
___아이들의 변화
___가정에서의 변화
_[남태열 선생님의 특강] 웹앱 하나로 완성하는 학급 경영 확장 아이디어
__반복 수행이 필요한 과목에서 웹앱으로 확장하기
__활동 데이터를 자동 기록하고 정산하는 웹앱으로 확장하기
__성장을 숫자로 보여주는 웹앱으로 확장하기
CHAPTER 08 | 9월 [학급운영] 아이들의 성장 데이터를 기록하고 모아주는 클래스크 프로젝트 만들기
_LESSON 01. 막연한 한마디가 아닌 기록으로 전하는 교실 상담
__아이들의 생활을 파악하는 웹앱 만들기
__데이터로 말하는 교사
_LESSON 02. 클래스크 프로젝트 기능 알아보기
__클래스크의 등교 확인 시스템 알아보기
___학생 명단 설정하기
___교사 계정 설정하기
___로그인 화면
___학생 대시보드
___교사 대시보드
__클래스크의 오늘의 과제 알아보기
___로그인 화면
___학생 대시보드
___교사 대시보드
__클래스크의 감정 일기 알아보기
___로그인 화면
___학생 대시보드
___교사 대시보드
__클래스크의 우유 검사 알아보기
___로그인 화면
___학생 대시보드
___교사 대시보드
_LESSON 03. 코딩 없이 바로 쓰는 클래스크 프로젝트 [LEVEL 1]
__[수업 적용하기] 01 클래스크 프로젝트 사본 만들기
___등교 확인 시스템 사본 만들기
___오늘의 과제 사본 만들기
___감정 일기 사본 만들기
___우유 검사 사본 만들기
_LESSON 04. 우리 반에 맞게 고쳐 쓰는 클래스크 프로젝트 [LEVEL 2]
__[수업 적용하기] 02 프롬프트로 웹앱 수정하고 배포하기
___제미나이에 수정 프롬프트 제출하고 코드 교체하기
___테스트 배포로 확인하고 새 배포하기
_LESSON 05. 바이브 코딩으로 만드는 우리 반 클래스크 프로젝트 [LEVEL 3]
__[수업 적용하기] 03 등교 확인 시스템 만들기
___제미나이로 등교 확인 시스템 만들고 확인하기
___중복 제출 방지 기능 추가하기
___등교 시간 통계 기능 추가하기
__써보니 비로소 보이는 것들
__달라진 우리 반 모습
___쌓이는 데이터로 바뀌는 아이들, 정확한 근거로 이야기 하는 학부모 상담
_[남태열 선생님의 특강] 일상의 자동 기록을 시각적 성장 데이터로 확장하기
__제출과 기록을 자동화하기
__변화를 눈으로 보여주기
CHAPTER 09 | 10월 [국어] 아이들의 논리력을 레벨업하는 AI 토론 웹앱 만들기
_LESSON 01. 토론 수업, 부푼 기대와 아쉬움
__토론은 했는데 왜 허전하지?
___제미나이 젬스로 해결 시도
___제미나이 젬스는 부족하다
__아이들이 진지하게 하고 있을까?
_LESSON 02. AI 토론 웹앱 미리보기
__시작 화면과 채팅 화면 살펴보기
__결과 화면과 구글 시트 기록
_LESSON 03. 코딩 없이 바로 쓰는 우리 반 AI 토론 웹앱 [LEVEL 1]
__[수업 적용하기] 01 사본 만들어 우리 반에서 AI 토론 웹앱 사용하기
___웹앱 복사하여 바로 쓰기
___제미나이 API 키 발급하기
___API 키 입력하고 웹앱 배포하기
_LESSON 04. 우리 반에 맞게 고쳐 쓰는 AI 토론 웹앱 [LEVEL 2]
__[수업 적용하기] 02 프롬프트로 우리 반에 맞게 수정하고 배포하기
___제미나이에 수정 프롬프트 제출하기
___웹앱 코드 교체하고 재배포하기
___테스트·배포 관리
_LESSON 05. 바이브 코딩으로 만드는 우리 반 AI 토론 웹앱 [LEVEL 3]
__[수업 적용하기] 03 우리 반에 딱 맞는 AI 토론 웹앱 만들기
___제미나이 젬스를 활용하여 AI 토론 파트너의 페르소나 설정하기
___AI의 말투와 답변 분량 조정하기
___제미나이로 AI 토론 웹앱의 코드 작성하기
___프롬프트로 AI 토론 웹앱 디자인 수정하기
__달라진 우리 반 모습
___AI 토론 웹앱이 만들어 준 아이들의 변화
___기록이 열어준 것들
_[김상백 선생님의 특강] 교사의 페르소나를 담은 맞춤형 AI 웹앱 활용
__소크라테스 선생님
__글쓰기 피드백 코치
__웹앱은 교사의 페르소나입니다
CHAPTER 10 | 11월 [학급운영] 관찰과 배려로 연결되는 우리 반 마니또 게임 만들기
_LESSON 01. 단절된 교실을 이어주는 마니또 프로젝트
__아이들의 보이지 않는 선
__아이들의 거리를 좁혀줄 마니또 게임
__소외 없는 교실을 만드는 웹앱 시스템
___관찰을 유도하는 '자유 미션' 시스템
___어색함을 허무는 '랜덤 미션' 뽑기
___분실 걱정 없는 데이터 기록과 상처를 막아주는 '편지 이미지' 저장
_LESSON 02. 우리 반 맞춤형 마니또 게임 웹앱 미리보기
__교사 전용 구글 시트 화면
__학생용 마니또 활동 기록 화면
__마니또 편지 작성 및 캡처(다운로드) 화면
_LESSON 03. 코딩 없이 바로 쓰는 우리 반 마니또 게임 웹앱 [LEVEL 1]
__[수업 적용하기] 01 사본 만들어 우리 반에 마니또 게임 웹앱 적용하기
___웹앱 복사하여 바로 쓰기
___웹앱 배포하고 공유하기
_LESSON 04. 우리 반에 맞게 고쳐 쓰는 마니또 게임 웹앱 [LEVEL 2]
__[수업 적용하기] 02 프롬프트로 웹앱 수정하고 배포하기
___제미나이에 수정 프롬프트 제출하고 코드 교체하기
___테스트 배포로 확인하고 배포 관리로 버전 업데이트하기
__예시 01. 우리 반의 생활지도를 돕는 맞춤형 미션 처방
__예시 02. 편견을 깨는 시선, '오늘 발견한 장점' 기록 칸 추가하기
_LESSON 05. 바이브 코딩으로 만드는 우리 반 마니또 게임 웹앱 [LEVEL 3]
__[수업 적용하기] 03 우리 반에 딱 맞는 마니또 게임 만들기
___프롬프트로 웹앱 기본 구조 작성하기
___프롬프트로 다정함 온도계 기능 추가하기
___감동의 기록 : 편지 엽서 이미지 저장 기능 추가하기
___감성적인 디자인으로 웹앱 수정하기
__달라진 우리 반 모습
___같은 방향, 다른 속도로 배움을 이어가는 교실
_[이승우 선생님의 특강] NFC 태그를 활용한 교과 확장
__교실 밖으로 웹앱 연결하기 : NFC 태그를 사용해 웹앱 연결하기
___NFC 태그로 마니또 웹앱을 교실 밖으로 넓히기
CHAPTER 11 | 12월 [수학] 우리 반 아이들의 수학 자신감을 책임지는 수학 마스터 만들기
_LESSON 01. 스스로 확인하고 체감하는 성장 웹앱이 필요한 이유
__스스로 포기해버리는 아이들
__스스로의 성장을 확인할 수 있는 웹앱이 필요하다
_LESSON 02. 수학 마스터 웹앱 기능 알아보기
__로그인과 학습 내용 선택 화면 알아보기
___로그인 화면
___학습 내용 선택 화면
__문제 풀이 화면과 선생님 모드 화면 알아보기
___문제 풀이 화면
___선생님 모드 화면
_LESSON 03. 코딩 없이 바로 쓰는 우리 반 수학 마스터 웹앱 [LEVEL 1]
__[수업 적용하기] 01 사본 만들어 우리 반 학생 데이터 입력하고 사용하기
___웹앱 복사하여 바로 쓰기
___웹앱 배포하고 공유하기
_LESSON 04. 우리 반에 맞게 고쳐 쓰는 수학 마스터 웹앱 [LEVEL 2]
__[수업 적용하기] 02 프롬프트로 웹앱 수정하고 배포하기
___제미나이에 수정 프롬프트 제출하고 웹앱 코드 교체하기
_LESSON 05. 바이브 코딩으로 만드는 우리 반 수학 마스터 웹앱 [LEVEL 3]
__[수업 적용하기] 03 우리 반에 딱 맞는 수학 마스터 만들기
___제미나이로 웹앱 첫 번째 버전 요청하기
___스스로의 성장을 확인할 수 있는 기능 추가하기
___아이들의 성장을 시각화하는 기능과 웹앱 문제 수정하기
___사라진 달성도 표시 되살리고 점수 표현 정비하기
___테스트 피드백을 통해 기능 추가하기
__달라진 우리 반 모습
___각자의 속도로 성장하는 아이들, 정확한 근거로 이야기 하는 학부모 상담
_[윤태영 선생님의 특강] 바이브 코딩으로 확장하는 나만의 맞춤형 수업 도구
__수학 마스터 웹앱 다른 학년, 다른 교과에 적용하기
__다른 교과 확장용 프롬프트 제작 체크리스트
CHAPTER 12 | 1월 [교무/학적] 반 배정 업무를 쉽게 만들어주는 반 배정 테트리스 만들기
_LESSON 01. 매년 반복되는 학급 배정 고민, AI로 균형 잡힌 시스템 만들기
__칠판 앞에서의 포스트잇 회의
__포스트잇 방식의 한계
__올해는 만들 수 있겠다
_LESSON 02. 반 배정 테트리스 기능 알아보기
__전체 화면과 통계 대시보드 알아보기
__학생 카드, 자동 배정 기능과 문서 생성
___학생 카드
___분리 학생 경고(학폭, 동명이인)
___자동 배정
___자동 문서 생성
_LESSON 03. 코딩 없이 바로 쓰는 반 배정 테트리스 [LEVEL 1]
__[수업 적용하기] 01 사본 만들어 자동 반 배정에 사용하기
___웹앱 복사하여 바로 쓰기
___초기 설정 확인, 데이터 입력하고 배포하기
___자동 배정 클릭하고 마무리하기
_LESSON 04. 우리 학교에 맞게 고쳐 쓰는 반 배정 테트리스 [LEVEL 2]
__[수업 적용하기] 02 수정 프롬프트 작성하고 코드 교체하기
___제미나이에 수정 프롬프트 제출하기
___코드 교체
___테스트 배포하고 배포 관리로 웹앱 업데이트하기
_LESSON 05. 바이브 코딩으로 만드는 반 배정 테트리스 [LEVEL 3]
__[수업 적용하기] 03 우리 학교에 딱 맞는 반 배정 테트리스 만들기
___제미나이로 웹앱에 추가할 기능 정리하기
___제미나이가 정리한 내용 검수하고 수정하기
___제미나이로 웹앱 UI 수정하기
___제미나이로 자동 반 배정 기능 추가하기
___제미나이로 분리 경고 기능 추가하기
___동명이인을 분리하는 기능 추가하기
___전출 예정 학생을 분류하는 프롬프트 입력하기
___명렬표 자동 생성하여 제출 자동화하기
__달라진 우리 반 모습
___실수가 줄고 효율적으로 변한 반 배정 시간
_[김상백 선생님의 특강] 실전 기능을 추가해 모둠 구성에 활용하기
__붙이기 기능 추가하기
__되돌리기 기능 추가하기
__프로젝트 모둠 구성으로 다른 업무에 적용하기
찾아보기
추천사
이 책의 구성
일러두기
CHAPTER 01 | 2월 [학급운영] 아이들이 스스로 관리하는 우리 반 디지털 안내데스크 만들기
_LESSON 01. 로그인 지옥에서 디지털 자립심으로
__아수라장이 된 첫 AI 수업
__디지털 자립심의 씨앗
_LESSON 02. 우리 반 디지털 안내데스크 기능 알아보기
__로그인 화면 알아보기
__조회 결과 및 계정 추가 화면 알아보기
___조회 결과 화면
___새로운 계정 추가하기 화면
_LESSON 03. 코딩 없이 바로 쓰는 우리 반 디지털 안내데스크 [LEVEL 1]
__[수업 적용하기] 01 사본 만들어 우리 반 학생 데이터 입력하고 사용하기
___웹앱 복사하여 바로 쓰기
___학생 데이터 입력하고 배포하기
_LESSON 04. 우리 반에 맞게 고쳐 쓰는 디지털 안내데스크 [LEVEL 2]
__[수업 적용하기] 02 프롬프트로 웹앱 수정하고 배포하기
___제미나이에 수정 프롬프트 제출하기
___웹앱 코드 교체하고 재배포하기
_LESSON 05. 바이브 코딩으로 만드는 우리 반 디지털 안내데스크 [LEVEL 3]
__[수업 적용하기] 03 우리 반에 딱 맞는 디지털 안내데스크 만들기
___구글 시트로 디지털 안내데스크의 DB 구조 잡기
___학생목록과 계정정보 시트를 연결하는 로그인 로직 추가하기
___계정 추가 기능 구현하기
___디자인과 복사 기능 보강하기
__달라진 우리 반 모습
_[오성환 선생님의 특강] 다른 학년·교과로 넓히는 디지털 안내데스크 확장법
__추가로 쓸 수 있는 확장 아이디어
___확장 01. 학급 도서 대출·반납 시스템
___확장 02. 1인 1역 당번표 조회 시스템
__확장 시 유의할 점
CHAPTER 02 | 3월 [학급운영] 공정하게 배치해주는 우리 반 자리 배치 프로그램 만들기
_LESSON 01. 자리 바꾸기, 모두가 만족할 수 없을까
__교실의 작은 균열, 여기부터 시작된다
__학생들의 요구와 교사의 배려
_LESSON 02. 우리 반 맞춤형 자리 배치 프로그램 미리보기
__우리 반 맞춤형 자리 배치 프로그램 화면 구성과 구글 시트 구성
__자리 배치 조건 설정
___교실 배치도 설정 화면
___남녀 배치
___고정석(앞줄 왼쪽부터 배치)
___배치 금지와 선호 배치
___배치 저장하고 불러오기
___새 창에서 보기(인쇄)
___전체 초기화(명단 유지)
_LESSON 03. 코딩 없이 바로 쓰는 우리 반 자리 배치 프로그램 [LEVEL 1]
__[수업 적용하기] 01 사본 만들고 우리 반 학생 데이터 입력해 사용하기
___웹앱 복사하고 데이터 변경하기
___웹앱 배포하기
_LESSON 04. 우리 반에 맞게 고쳐 쓰는 자리 배치 프로그램 [LEVEL 2]
__[수업 적용하기] 02 프롬프트로 웹앱 수정하고 배포하기
___제미나이에 수정 프롬프트 제출하고 코드 교체하기
___테스트 배포로 확인하고 배포 관리로 버전 업데이트하기
_LESSON 05. 바이브 코딩으로 만드는 우리 반 자리 배치 프로그램 [LEVEL 3]
__[수업 적용하기] 03 우리 반에 딱 맞는 자리 배치 프로그램 만들기
___구글 시트로 자리 배치 프로그램의 DB 구조 잡기
___주요 기능 추가하기
___우리 반에 맞는 디테일 추가하기
___웹앱 오류 수정하기 : 디자인과 편의 기능 보강하기
__달라진 우리 반 모습
___웹앱이 만들어준 공평한 자리 배치 시간
_[김미승 선생님의 특강] 우리 반에 꼭 필요한 특성을 어떻게 반영할 수 있을까?
__우리 반 특수성 반영하기
__확장 아이디어
___확장 01. 도움이 필요한 친구를 위한 배려 배치
___확장 02. 왼손잡이 친구를 배려하는 친구들
__우리 반 맞춤 설계 시 유의할 점
CHAPTER 03 | 4월 [체육] 아이들이 스스로 기록하고 관리하는 체력 챌린지 기록판 만들기
_LESSON 01. 종이 기록판의 한계, 맞춤형 웹앱이 필요한 이유
__체육시간의 복병, 기록 챌린지
__교사의 일손을 줄여줄 웹앱의 다섯 가지 조건
_LESSON 02. 체력 챌린지 기록판 기능 알아보기
__웹앱 구성 및 구글 시트 구성 알아보기
___로그인 화면
___비밀번호 변경 화면
___구글 시트의 데이터 구성 화면
__체력 챌린지 기록판 사용 방법
___종목 선택하고 기록 저장하기
___내 성장 그래프 보기
___이전 기록 확인하고 수정 요청하기
_LESSON 03. 코딩 없이 바로 쓰는 우리 반 체력 챌린지 기록판 [LEVEL 1]
__[수업 적용하기] 01 사본 만들고 우리 반 학생 데이터 입력하고 사용하기
___웹앱 복사하고 데이터 변경하기
___웹앱 배포하기
_LESSON 04. 우리 반에 맞게 고쳐 쓰는 체력 챌린지 기록판 [LEVEL 2]
__[수업 적용하기] 02 프롬프트로 웹앱 수정하고 배포하기
___제미나이에 수정 프롬프트 제출하기
___웹앱 코드 교체하고 재배포하기
_LESSON 05. 바이브 코딩으로 만드는 우리 반 체력 챌린지 기록판 [LEVEL 3]
__[수업 적용하기] 03 우리 반에 딱 맞는 체력 챌린지 기록판 만들기
___구글 시트로 체력 챌린지 기록판 구조 잡기
___구글 시트와 웹앱을 연결하는 구조 설계하기
___주요 기능 추가하기
__달라진 우리 반 모습
___아이 스스로가 성장을 체감할 수 있는 풍경
_[김미승 선생님의 특강] 다른 학년 및 교과로의 확장 아이디어
__온라인 도덕 실천 기록지로 확장하기
__확장 시 유의할 점
CHAPTER 04 | 5월 [학급운영] 아이들의 안전과 학습을 돕는 우리 반 체험학습 웹앱 만들기
_LESSON 01. 우리 반 체험학습 웹앱이 필요한 이유
__움직이는 안내 방송이 된 하루
__종이 안내장의 한계를 극복하는 우리 반 체험학습 웹앱 구상하기
_LESSON 02. 우리 반 체험학습 웹앱 기능 알아보기
__로그인 화면 알아보기
__정보·미션·버스·안내 탭 알아보기
___체험학습 정보를 알려주는 정보 탭
___체험학습에서 수행해야 하는 미션을 알려주는 미션 탭
___아이들의 버스 자리를 알려주는 버스 탭
___선생님의 안내사항을 전달하는 안내 탭
_LESSON 03. 코딩 없이 바로 쓰는 우리 반 체험학습 웹앱 [LEVEL 1]
__[수업 적용하기] 01 사본 만들어 우리 반 학생 데이터 입력하고 바로 사용하기
___웹앱 복사하여 바로 쓰기
___학생명부 시트에 데이터 입력하기
___웹앱 배포하고 아이들에게 QR 코드로 공유하기
_LESSON 04. 우리 반에 맞게 고쳐 쓰는 체험학습 웹앱 [LEVEL 2]
__[수업 적용하기] 02 프롬프트로 웹앱 수정하고 배포하기
___프롬프트로 교체용 코드 작성하기
___코드 교체하고 재배포하기
_LESSON 05. 바이브 코딩으로 만드는 우리 반 체험학습 웹앱 [LEVEL 3]
__[수업 적용하기] 03 우리 반에 딱 맞는 체험학습 웹앱 만들기
___다섯 개의 시트로 올인원 체험학습 웹앱의 DB 구조 잡기
___로그인 기능과 탭 내비게이션 기능 추가하기
___미션 수행과 버스 자리 확인 기능 추가하기
___체험학습에서 안내사항을 전달하는 선생님 안내 탭 기능 추가하기
__달라진 우리 반 모습
_[오성환 선생님의 특강] 다른 학년·교과로 넓히는 체험학습 웹앱 확장법
__추가로 쓸 수 있는 확장 아이디어
___확장 01. 교내 축제에 활용
___확장 02. 수학여행·수련회 종합 가이드 앱
__확장 시 유의할 점
CHAPTER 05 | 6월 [영어] 아이들의 수준에 맞춰 학습하는 영단어 매칭 게임 웹앱 만들기
_LESSON 01. 아이들의 영어 학습을 돕는 웹앱이 필요한 이유
__영어 전담교사가 본 극과 극의 아이들
__영어 전담교사가 고민한 세 가지 방법
_LESSON 02. 영단어 매칭 게임 웹앱 알아보기
__교사 전용 데이터베이스 세팅 화면
__학습 단원 선택과 게임 모드 선택 화면 알아보기
__타이머와 카드 연출 알아보기
_LESSON 03. 코딩 없이 바로 쓰는 영단어 매칭 게임 [LEVEL 1]
__[수업 적용하기] 01 사본 만들어 학습 데이터 입력하고 바로 사용하기
___웹앱 복사하여 바로 쓰기
___학습 데이터 입력하고 배포하기
_LESSON 04. 우리 반에 맞게 고쳐 쓰는 영단어 매칭 게임 [LEVEL 2]
__[수업 적용하기] 02 프롬프트로 기능 추가하고 배포하기
___제미나이에 수정 프롬프트 제출하기
_LESSON 05. 바이브 코딩으로 만드는 우리 반 영단어 매칭 게임 [LEVEL 3]
__[수업 적용하기] 03 우리 반에 딱 맞는 영단어 매칭 게임 만들기
___제미나이로 영단어 매칭 게임 웹앱의 DB와 코드 작성하기
___학습 시간을 측정하는 타이머 기능과 학습 결과를 다운로드할 수 있는 기능 추가하기
___학습한 단어로 단어장을 만드는 기능 추가하기
___프롬프트로 아이들이 몰입할 수 있는 디자인과 효과음 추가하기
__달라진 우리 반 모습
___같은 방향, 다른 속도로 배움을 이어가는 교실
_[이승우 선생님의 특강] 매칭 게임, 모든 교과로 확장해 200% 활용하기
__바이브 코딩을 통한 매칭 게임, 다른 교과에 적용한다면?
CHAPTER 06 | 7월 [학급운영] 우리 반의 방학 숙제를 확인하는 방학 숙제방 만들기
_LESSON 01. 방학 숙제 확인, 메신저가 아닌 웹앱이 필요한 이유
__사라지는 숙제들
__숙제는 걷는 것보다 확인이 더 오래 걸린다
_LESSON 02. 방학 숙제방 기능 알아보기
__로그인 화면
__숙제 올리기와 친구들 보기 화면
___숙제 올리기
___친구들 보기
__선생님 모드 화면
_LESSON 03. 코딩 없이 바로 쓰는 우리 반 방학 숙제방 [LEVEL 1]
__[수업 적용하기] 01 사본 만들어 우리 반 학생 데이터 입력하고 사용하기
___웹앱 복사하여 바로 쓰기
___웹앱 배포하고 공유하기
_LESSON 04. 우리 반에 맞게 고쳐 쓰는 방학 숙제방 [LEVEL 2]
__[수업 적용하기] 02 프롬프트로 웹앱 수정하고 배포하기
___제미나이에 수정 프롬프트 제출하고 코드 교체하기
_LESSON 05. 바이브 코딩으로 만드는 우리 반 방학 숙제방 [LEVEL 3]
__[수업 적용하기] 03 우리 반에 딱 맞는 방학 숙제방 만들기
___제미나이로 웹앱 첫 번째 버전 요청하기
___웹앱 버튼에 3D 그림자 추가하기
___테스트 피드백을 통해 기능 추가하기
__달라진 우리 반 모습
___해야 하는 것에서 보여주고 싶은 것으로 바뀐 숙제
_[윤태영 선생님의 특강] 방학 일기장으로 웹앱 활용하기
__방학 일기장으로 확장하기
__학기 중에 활용한다면
CHAPTER 07 | 8월 [학급운영] 우리 반 아이들이 스스로 관리하는 학급 화폐 시스템 만들기
_LESSON 01. 학급 화폐 시스템 스마트하게 운영하기
__학급 화폐 시스템과 바이브 코딩 합치기
_LESSON 02. 학급 화폐 시스템 미리보기
__학생 대시보드 알아보기
___실시간 잔액 조회
___거래하기(수입 및 지출 기록)
___송금
___저축 상품 가입
___거래 내역
__교사 대시보드
___세금 관리
___감찰
___저축 관리
___급여 지급
___설정
_LESSON 03. 코딩 없이 바로 쓰는 우리 반 학급 화폐 시스템 [LEVEL 1]
__[수업 적용하기] 01 사본 만들어 우리 반 학급 화폐 시스템으로 사용하기
___웹앱 복사하여 바로 쓰기
___학생 데이터 입력하고 배포하기
_LESSON 04. 우리 반에 맞게 고쳐 쓰는 학급 화폐 시스템 [LEVEL 2]
__[수업 적용하기] 02 프롬프트로 웹앱 수정하고 배포하기
___제미나이에 수정 프롬프트 제출하기
___웹앱 코드 교체하고 재배포하기
_LESSON 05. 바이브 코딩으로 만드는 우리 반 학급 화폐 시스템 [LEVEL 3]
__[수업 적용하기] 03 우리 반에 딱 맞는 학급 화폐 시스템 만들기
___제미나이로 학급 화폐 시스템 DB 구조와 웹앱 코드 작성하기
___학생들의 진짜 피드백을 바탕으로 수정하기
__달라진 우리 반 모습
___교사의 변화
___아이들의 변화
___가정에서의 변화
_[남태열 선생님의 특강] 웹앱 하나로 완성하는 학급 경영 확장 아이디어
__반복 수행이 필요한 과목에서 웹앱으로 확장하기
__활동 데이터를 자동 기록하고 정산하는 웹앱으로 확장하기
__성장을 숫자로 보여주는 웹앱으로 확장하기
CHAPTER 08 | 9월 [학급운영] 아이들의 성장 데이터를 기록하고 모아주는 클래스크 프로젝트 만들기
_LESSON 01. 막연한 한마디가 아닌 기록으로 전하는 교실 상담
__아이들의 생활을 파악하는 웹앱 만들기
__데이터로 말하는 교사
_LESSON 02. 클래스크 프로젝트 기능 알아보기
__클래스크의 등교 확인 시스템 알아보기
___학생 명단 설정하기
___교사 계정 설정하기
___로그인 화면
___학생 대시보드
___교사 대시보드
__클래스크의 오늘의 과제 알아보기
___로그인 화면
___학생 대시보드
___교사 대시보드
__클래스크의 감정 일기 알아보기
___로그인 화면
___학생 대시보드
___교사 대시보드
__클래스크의 우유 검사 알아보기
___로그인 화면
___학생 대시보드
___교사 대시보드
_LESSON 03. 코딩 없이 바로 쓰는 클래스크 프로젝트 [LEVEL 1]
__[수업 적용하기] 01 클래스크 프로젝트 사본 만들기
___등교 확인 시스템 사본 만들기
___오늘의 과제 사본 만들기
___감정 일기 사본 만들기
___우유 검사 사본 만들기
_LESSON 04. 우리 반에 맞게 고쳐 쓰는 클래스크 프로젝트 [LEVEL 2]
__[수업 적용하기] 02 프롬프트로 웹앱 수정하고 배포하기
___제미나이에 수정 프롬프트 제출하고 코드 교체하기
___테스트 배포로 확인하고 새 배포하기
_LESSON 05. 바이브 코딩으로 만드는 우리 반 클래스크 프로젝트 [LEVEL 3]
__[수업 적용하기] 03 등교 확인 시스템 만들기
___제미나이로 등교 확인 시스템 만들고 확인하기
___중복 제출 방지 기능 추가하기
___등교 시간 통계 기능 추가하기
__써보니 비로소 보이는 것들
__달라진 우리 반 모습
___쌓이는 데이터로 바뀌는 아이들, 정확한 근거로 이야기 하는 학부모 상담
_[남태열 선생님의 특강] 일상의 자동 기록을 시각적 성장 데이터로 확장하기
__제출과 기록을 자동화하기
__변화를 눈으로 보여주기
CHAPTER 09 | 10월 [국어] 아이들의 논리력을 레벨업하는 AI 토론 웹앱 만들기
_LESSON 01. 토론 수업, 부푼 기대와 아쉬움
__토론은 했는데 왜 허전하지?
___제미나이 젬스로 해결 시도
___제미나이 젬스는 부족하다
__아이들이 진지하게 하고 있을까?
_LESSON 02. AI 토론 웹앱 미리보기
__시작 화면과 채팅 화면 살펴보기
__결과 화면과 구글 시트 기록
_LESSON 03. 코딩 없이 바로 쓰는 우리 반 AI 토론 웹앱 [LEVEL 1]
__[수업 적용하기] 01 사본 만들어 우리 반에서 AI 토론 웹앱 사용하기
___웹앱 복사하여 바로 쓰기
___제미나이 API 키 발급하기
___API 키 입력하고 웹앱 배포하기
_LESSON 04. 우리 반에 맞게 고쳐 쓰는 AI 토론 웹앱 [LEVEL 2]
__[수업 적용하기] 02 프롬프트로 우리 반에 맞게 수정하고 배포하기
___제미나이에 수정 프롬프트 제출하기
___웹앱 코드 교체하고 재배포하기
___테스트·배포 관리
_LESSON 05. 바이브 코딩으로 만드는 우리 반 AI 토론 웹앱 [LEVEL 3]
__[수업 적용하기] 03 우리 반에 딱 맞는 AI 토론 웹앱 만들기
___제미나이 젬스를 활용하여 AI 토론 파트너의 페르소나 설정하기
___AI의 말투와 답변 분량 조정하기
___제미나이로 AI 토론 웹앱의 코드 작성하기
___프롬프트로 AI 토론 웹앱 디자인 수정하기
__달라진 우리 반 모습
___AI 토론 웹앱이 만들어 준 아이들의 변화
___기록이 열어준 것들
_[김상백 선생님의 특강] 교사의 페르소나를 담은 맞춤형 AI 웹앱 활용
__소크라테스 선생님
__글쓰기 피드백 코치
__웹앱은 교사의 페르소나입니다
CHAPTER 10 | 11월 [학급운영] 관찰과 배려로 연결되는 우리 반 마니또 게임 만들기
_LESSON 01. 단절된 교실을 이어주는 마니또 프로젝트
__아이들의 보이지 않는 선
__아이들의 거리를 좁혀줄 마니또 게임
__소외 없는 교실을 만드는 웹앱 시스템
___관찰을 유도하는 '자유 미션' 시스템
___어색함을 허무는 '랜덤 미션' 뽑기
___분실 걱정 없는 데이터 기록과 상처를 막아주는 '편지 이미지' 저장
_LESSON 02. 우리 반 맞춤형 마니또 게임 웹앱 미리보기
__교사 전용 구글 시트 화면
__학생용 마니또 활동 기록 화면
__마니또 편지 작성 및 캡처(다운로드) 화면
_LESSON 03. 코딩 없이 바로 쓰는 우리 반 마니또 게임 웹앱 [LEVEL 1]
__[수업 적용하기] 01 사본 만들어 우리 반에 마니또 게임 웹앱 적용하기
___웹앱 복사하여 바로 쓰기
___웹앱 배포하고 공유하기
_LESSON 04. 우리 반에 맞게 고쳐 쓰는 마니또 게임 웹앱 [LEVEL 2]
__[수업 적용하기] 02 프롬프트로 웹앱 수정하고 배포하기
___제미나이에 수정 프롬프트 제출하고 코드 교체하기
___테스트 배포로 확인하고 배포 관리로 버전 업데이트하기
__예시 01. 우리 반의 생활지도를 돕는 맞춤형 미션 처방
__예시 02. 편견을 깨는 시선, '오늘 발견한 장점' 기록 칸 추가하기
_LESSON 05. 바이브 코딩으로 만드는 우리 반 마니또 게임 웹앱 [LEVEL 3]
__[수업 적용하기] 03 우리 반에 딱 맞는 마니또 게임 만들기
___프롬프트로 웹앱 기본 구조 작성하기
___프롬프트로 다정함 온도계 기능 추가하기
___감동의 기록 : 편지 엽서 이미지 저장 기능 추가하기
___감성적인 디자인으로 웹앱 수정하기
__달라진 우리 반 모습
___같은 방향, 다른 속도로 배움을 이어가는 교실
_[이승우 선생님의 특강] NFC 태그를 활용한 교과 확장
__교실 밖으로 웹앱 연결하기 : NFC 태그를 사용해 웹앱 연결하기
___NFC 태그로 마니또 웹앱을 교실 밖으로 넓히기
CHAPTER 11 | 12월 [수학] 우리 반 아이들의 수학 자신감을 책임지는 수학 마스터 만들기
_LESSON 01. 스스로 확인하고 체감하는 성장 웹앱이 필요한 이유
__스스로 포기해버리는 아이들
__스스로의 성장을 확인할 수 있는 웹앱이 필요하다
_LESSON 02. 수학 마스터 웹앱 기능 알아보기
__로그인과 학습 내용 선택 화면 알아보기
___로그인 화면
___학습 내용 선택 화면
__문제 풀이 화면과 선생님 모드 화면 알아보기
___문제 풀이 화면
___선생님 모드 화면
_LESSON 03. 코딩 없이 바로 쓰는 우리 반 수학 마스터 웹앱 [LEVEL 1]
__[수업 적용하기] 01 사본 만들어 우리 반 학생 데이터 입력하고 사용하기
___웹앱 복사하여 바로 쓰기
___웹앱 배포하고 공유하기
_LESSON 04. 우리 반에 맞게 고쳐 쓰는 수학 마스터 웹앱 [LEVEL 2]
__[수업 적용하기] 02 프롬프트로 웹앱 수정하고 배포하기
___제미나이에 수정 프롬프트 제출하고 웹앱 코드 교체하기
_LESSON 05. 바이브 코딩으로 만드는 우리 반 수학 마스터 웹앱 [LEVEL 3]
__[수업 적용하기] 03 우리 반에 딱 맞는 수학 마스터 만들기
___제미나이로 웹앱 첫 번째 버전 요청하기
___스스로의 성장을 확인할 수 있는 기능 추가하기
___아이들의 성장을 시각화하는 기능과 웹앱 문제 수정하기
___사라진 달성도 표시 되살리고 점수 표현 정비하기
___테스트 피드백을 통해 기능 추가하기
__달라진 우리 반 모습
___각자의 속도로 성장하는 아이들, 정확한 근거로 이야기 하는 학부모 상담
_[윤태영 선생님의 특강] 바이브 코딩으로 확장하는 나만의 맞춤형 수업 도구
__수학 마스터 웹앱 다른 학년, 다른 교과에 적용하기
__다른 교과 확장용 프롬프트 제작 체크리스트
CHAPTER 12 | 1월 [교무/학적] 반 배정 업무를 쉽게 만들어주는 반 배정 테트리스 만들기
_LESSON 01. 매년 반복되는 학급 배정 고민, AI로 균형 잡힌 시스템 만들기
__칠판 앞에서의 포스트잇 회의
__포스트잇 방식의 한계
__올해는 만들 수 있겠다
_LESSON 02. 반 배정 테트리스 기능 알아보기
__전체 화면과 통계 대시보드 알아보기
__학생 카드, 자동 배정 기능과 문서 생성
___학생 카드
___분리 학생 경고(학폭, 동명이인)
___자동 배정
___자동 문서 생성
_LESSON 03. 코딩 없이 바로 쓰는 반 배정 테트리스 [LEVEL 1]
__[수업 적용하기] 01 사본 만들어 자동 반 배정에 사용하기
___웹앱 복사하여 바로 쓰기
___초기 설정 확인, 데이터 입력하고 배포하기
___자동 배정 클릭하고 마무리하기
_LESSON 04. 우리 학교에 맞게 고쳐 쓰는 반 배정 테트리스 [LEVEL 2]
__[수업 적용하기] 02 수정 프롬프트 작성하고 코드 교체하기
___제미나이에 수정 프롬프트 제출하기
___코드 교체
___테스트 배포하고 배포 관리로 웹앱 업데이트하기
_LESSON 05. 바이브 코딩으로 만드는 반 배정 테트리스 [LEVEL 3]
__[수업 적용하기] 03 우리 학교에 딱 맞는 반 배정 테트리스 만들기
___제미나이로 웹앱에 추가할 기능 정리하기
___제미나이가 정리한 내용 검수하고 수정하기
___제미나이로 웹앱 UI 수정하기
___제미나이로 자동 반 배정 기능 추가하기
___제미나이로 분리 경고 기능 추가하기
___동명이인을 분리하는 기능 추가하기
___전출 예정 학생을 분류하는 프롬프트 입력하기
___명렬표 자동 생성하여 제출 자동화하기
__달라진 우리 반 모습
___실수가 줄고 효율적으로 변한 반 배정 시간
_[김상백 선생님의 특강] 실전 기능을 추가해 모둠 구성에 활용하기
__붙이기 기능 추가하기
__되돌리기 기능 추가하기
__프로젝트 모둠 구성으로 다른 업무에 적용하기
찾아보기
저자
저자
윤태영 (석산초등학교 교사)
〈하는교사.com〉을 운영하며 좋아하는 것을 찾아 교육에 접목하고 있습니다. AI?디지털을 활용한 수업 연구 및 나눔으로 수업 혁신 교사상을 받았으며, 유치원 1급, 초등 1급, 교감, 교장 자격 연수, 온라인 직무연수 등 다양한 연수를 통해 AI?디지털 교육 사례를 나누고 있습니다.
〈하는교사.com〉 : https://sites.google.com/view/doitclass/home
〈하는교사.com〉을 운영하며 좋아하는 것을 찾아 교육에 접목하고 있습니다. AI?디지털을 활용한 수업 연구 및 나눔으로 수업 혁신 교사상을 받았으며, 유치원 1급, 초등 1급, 교감, 교장 자격 연수, 온라인 직무연수 등 다양한 연수를 통해 AI?디지털 교육 사례를 나누고 있습니다.
〈하는교사.com〉 : https://sites.google.com/view/doitclass/home
Payment & Security
Payment methods
Your payment information is processed securely. We do not store credit card details nor have access to your credit card information.
