혼자 해도 프로 선생님처럼 잘 하는 바이브 코딩

머리말
추천사
이 책의 구성
일러두기

CHAPTER 01 | 2월 [학급운영] 아이들이 계정 정보를 스스로 관리하는 우리 반 디지털 안내데스크 만들기
_LESSON 01 로그인 지옥에서 디지털 자립심으로
__아수라장이 된 첫 AI 수업
__디지털 자립심의 씨앗
_LESSON 02 우리 반 디지털 안내데스크 기능 알아보기
__로그인 화면 알아보기
__조회 결과 및 계정 추가 화면 알아보기
___조회 결과 화면
___새로운 계정 추가하기 화면
_LESSON 03 코딩 없이 바로 쓰는 우리 반 디지털 안내데스크
__[수업 적용하기] 01 사본 만들어 우리 반 학생 데이터 입력하고 사용하기
___웹앱 복사하여 바로 쓰기
___학생 데이터 입력하고 배포하기
_LESSON 04 우리 반에 맞게 고쳐 쓰는 디지털 안내데스크
__[수업 적용하기] 02 프롬프트로 웹앱 수정하고 배포하기
___제미나이에 수정 프롬프트 입력하기
_LESSON 05 바이브 코딩으로 직접 만드는 우리 반 디지털 안내데스크
__[수업 적용하기] 03 우리 반에 딱 맞는 디지털 안내데스크 만들기
___구글 스프레드시트로 디지털 안내데스크의 DB 구조 잡기
___학생목록과 계정정보 시트를 연결하는 로그인 로직 추가하기
___계정 추가 기능 추가하기
___디자인과 복사 기능 보강하기
__달라진 우리 반 모습
_[오성환 선생님의 특강] 다른 학년·교과로 넓히는 디지털 안내데스크 확장법
__추가로 쓸 수 있는 확장 아이디어
___확장 01. 학급 도서 대출·반납 시스템
___확장 02. 1인 1역 당번표 조회 시스템
__확장 시 유의할 점

CHAPTER 02 | 3월 [학급운영] 공정하게 배치해주는 우리 반 자리 배치 프로그램 만들기
_LESSON 01 자리 바꾸기, 항상 불만이 생긴다
__교실의 작은 균열, 여기부터 시작된다
__학생들의 요구와 교사의 배려
_LESSON 02 자리 배치 프로그램 기능 알아보기
__우리 반 맞춤형 자리 배치 프로그램 화면 구성과 구글 시트 구성
___교실 배치도 설정 화면
__자리 배치 조건 설정
___남녀 배치
___고정석(앞줄 왼쪽부터 배치)
___배치 금지와 선호 배치
___배치 저장하고 불러오기
___새 창에서 보기(인쇄)
___전체 초기화(명단 유지)
_LESSON 03 코딩 없이 바로 쓰는 자리 배치 프로그램
__[수업 적용하기] 01 사본 만들고 우리 반 학생 데이터 입력해 사용하기
___웹앱 복사하고 데이터 변경하기
___웹앱 배포하기
_LESSON 04 우리 반에 맞게 고쳐 쓰는 자리 배치 프로그램
__[수업 적용하기] 02 프롬프트로 웹앱 수정하고 배포하기
___제미나이에 수정 프롬프트 입력하고 코드 교체하기
___테스트 배포로 확인하고 배포 관리로 버전 업데이트하기
_LESSON 05 바이브 코딩으로 직접 만드는 자리 배치 프로그램
__[수업 적용하기] 03 우리 반에 딱 맞는 자리 배치 프로그램 만들기
___구글 시트로 자리 배치 프로그램의 데이터베이스 구조 잡기
___주요 기능 추가하기
___우리 반에 맞는 디테일 추가하기
___웹앱 오류 수정하기 : 디자인과 편의 기능 보강하기
__달라진 우리 반 모습
___교실·업무 변화
_[김미승 선생님의 특강] 우리 반에 꼭 필요한 특성을 어떻게 반영할 수 있을까?
__우리 반 특수성 반영하기
___확장 01. 도움이 필요한 친구를 위한 배려 배치
___확장 02. 왼손잡이 친구를 배려하는 친구들
__우리 반 맞춤 설계 시 유의할 점

CHAPTER 03 | 4월 [체육] 아이들이 스스로 기록하고 관리하는 체력 챌린지 기록판 만들기
_LESSON 01 선생님, 저 어제보다 잘했어요?
__체육 시간의 복병, 기록 챌린지
__교사가 일일이 다 기록할 순 없다
_LESSON 02 체력 챌린지 기록판 기능 알아보기
__웹앱 구성 및 구글 시트의 구성 알아보기
___로그인 화면
___구글 시트의 데이터 구성 화면
___비밀번호 변경 화면
__체력 챌린지 기록판 사용 방법
___종목 선택하고 기록 저장하기
___내 성장 그래프 보기
___이전 기록 확인하고 수정 요청하기
_LESSON 03 코딩 없이 바로 쓰는 체력 챌린지 기록판
__[수업 적용하기] 01 사본 만들고 우리 반 학생 데이터 입력하고 사용하기
___웹앱 복사하고 데이터 변경하기
___웹앱 배포하기
_LESSON 04 우리 반에 맞게 고쳐 쓰는 체력 챌린지 기록판
__[수업 적용하기] 02 프롬프트로 웹앱 수정하고 배포하기
___제미나이에 수정 프롬프트 입력하기
___웹앱 코드 교체하고 재배포하기
_LESSON 05 바이브 코딩으로 직접 만드는 체력 챌린지 기록판
__[수업 적용하기] 03 우리 반에 딱 맞는 체력 챌린지 기록판 만들기
___구글 시트로 체력 챌린지 기록판 구조 잡기
___구글 시트와 웹앱을 연결하는 구조 설계하기
___주요 기능 추가하기
__달라진 우리 반 모습
___아이 스스로가 성장을 체감할 수 있는 풍경
_[김미승 선생님의 특강] 다른 학년, 다른 교과에도 적용할 수 있을까?
___온라인 도덕 실천 기록지로 확장하기
__확장 시 유의할 점

CHAPTER 04 | 5월 [학급운영] 일정과 미션, 버스 자리까지 한눈에 보는 우리 반 체험학습 웹앱 만들기
_LESSON 01 우리 반 체험학습 웹앱이 필요하게 된 이유
__움직이는 안내 방송이 된 하루
__종이 안내장의 한계를 극복하는 우리 반 체험학습 웹앱을 구상하기
_LESSON 02 우리 반 체험학습 웹앱 기능 알아보기
__로그인 화면 알아보기
__정보·미션·버스·안내 탭 알아보기
___체험학습 정보를 알려주는 정보 탭
___체험학습에서 수행해야 하는 미션을 알려주는 미션 탭
___아이들의 버스 자리를 알려주는 버스 탭
___선생님의 안내사항을 전달하는 안내 탭
_LESSON 03 코딩 없이 바로 쓰는 우리 반 체험학습 웹앱
__[수업 적용하기] 01 웹앱 사본을 만들어 우리 반 학생 데이터 입력하고 바로 사용하기
___웹앱 복사하여 바로 쓰기
___학생명부 시트 데이터 입력하기
_LESSON 04 우리 반에 맞게 고쳐 쓰는 체험학습 웹앱
__[수업 적용하기] 02 프롬프트로 웹앱 수정하고 배포하기
___프롬프트로 교체용 코드 작성하기
___코드 교체하고 재배포하기
_LESSON 05 바이브 코딩으로 직접 만드는 우리 반 체험학습 웹앱
__[수업 적용하기] 03 우리 반에 딱 맞는 체험학습 웹앱 만들기
___시트 다섯 개로 체험학습 웹앱의 DB 구조 잡기
___로그인 기능과 탭 내비게이션 기능 추가하기
___미션 수행과 버스 자리 확인 기능 추가하기
___체험학습에서 안내사항을 전달하는 선생님 안내 탭 기능 추가하기
__달라진 우리 반 모습
_[오성환 선생님의 특강] 다른 학년·교과로 넓히는 체험학습 웹앱 확장법
__추가로 쓸 수 있는 확장 아이디어
___확장 01. 교내 축제에 활용
___확장 02. 수학여행·수련회 종합 가이드 앱
__확장 시 유의할 점

CHAPTER 05 | 6월 [영어] 아이가 스스로 난이도를 고르는 영단어 매칭 게임 만들기
_LESSON 01 아이들의 영어 학습을 돕는 웹앱이 필요하게 된 이유
__영어 전담교사가 본 극과 극의 아이들
__영어 전담교사가 고민한 세 가지 방법
_LESSON 02 영단어 매칭 게임 기능 알아보기
__교사 전용 데이터베이스 세팅 화면
__학습 단원 선택과 게임 모드 선택 화면 알아보기
__타이머와 카드 연출 알아보기
_LESSON 03 코딩 없이 바로 쓰는 영단어 매칭 게임
__[수업 적용하기] 01 웹앱 사본을 만들어 학습 데이터 입력하고 바로 사용하기
___웹앱 복사하여 바로 쓰기
___학습 데이터 입력하고 배포하기
_LESSON 04 우리 반에 맞게 고쳐 쓰는 영단어 매칭 게임
__[수업 적용하기] 02 프롬프트로 기능 추가하고 배포하기
___제미나이에 수정 프롬프트 입력하기
_LESSON 05 바이브 코딩으로 직접 만드는 영단어 매칭 게임
__[수업 적용하기] 03 우리 반에 딱 맞는 영단어 매칭 게임 만들기
___제미나이로 영단어 매칭 게임 웹앱의 DB와 코드 작성하기
___학습 시간을 측정하는 타이머 기능과 학습 결과를 다운로드할 수 있는 기능 추가하기
___학습한 단어로 단어장을 만드는 기능 추가하기
___프롬프트로 아이들이 몰입할 수 있는 디자인과 효과음 추가하기
__달라진 우리 반 모습
___같은 방향, 다른 속도로 배움을 이어가는 교실
_[이승우 선생님의 특강] 바이브 코딩을 통한 매칭 게임, 다른 교과에 적용한다면?

CHAPTER 06 | 7월 [학급운영] 우리 반의 방학 숙제를 확인하는 방학 숙제방 만들기
_LESSON 01 방학 숙제는 확인이 더 힘들다
__사라지는 숙제들
__숙제는 걷는 것보다 확인이 더 오래 걸린다
_LESSON 02 방학 숙제방 기능 알아보기
__로그인 화면
___숙제 올리기
___친구들 보기 화면
__선생님 모드 화면
_LESSON 03 코딩 없이 바로 쓰는 방학 숙제방
__[수업 적용하기] 01 사본 만들어 우리 반 학생 데이터 입력하고 사용하기
___웹앱 복사하여 바로 쓰기
___웹앱 배포하고 공유하기
_LESSON 04 우리 반에 맞게 고쳐 쓰는 방학 숙제방
__[수업 적용하기] 02 프롬프트로 웹앱 수정하고 배포하기
___제미나이에 수정 프롬프트 입력하고 코드 교체하기
_LESSON 05 바이브 코딩으로 직접 만드는 방학 숙제방
__[수업 적용하기] 03 우리 반에 딱 맞는 방학 숙제방 만들기
___구글 시트로 방학 숙제방 구조 잡기
___웹앱 버튼에 3D 그림자 추가하기
___테스트 피드백을 통해 기능 추가하기
__달라진 우리 반 모습
___해야 하는 것에서 보여주고 싶은 것으로 바뀐 숙제
_[윤태영 선생님의 특강] 방학 일기장으로, 학기 중 과제방으로 넓히기
__방학 일기장으로 확장하기
__학기 중에 활용한다면

CHAPTER 07 | 8월 [학급운영] 우리 반 아이들이 스스로 관리하는 학급 화폐 시스템 만들기
_LESSON 01 이제는 학급 화폐 운영도 스마트하게!
__학급 화폐 시스템과 바이브 코딩을 합치기
_LESSON 02 학급 화폐 시스템 기능 알아보기
__학생 대시보드 알아보기
___실시간 잔액 조회
___거래하기(수입 및 지출 기록)
___저축 상품 가입
___거래 내역
__교사 대시보드
___세금 관리
___급여 지급
___저축 관리
_LESSON 03 코딩 없이 바로 쓰는 학급 화폐 시스템
__[수업 적용하기] 01 사본 만들기
___웹앱 복사하여 바로 쓰기
학생 데이터 입력하고 배포하기
_LESSON 04 우리 반에 맞게 고쳐 쓰는 학급 화폐 시스템
[수업 적용하기] 02 프롬프트로 웹앱 수정하고 배포하기
제미나이에 수정 프롬프트 입력하기
웹앱 코드 교체하고 재배포하기
_LESSON 05 바이브 코딩으로 직접 만드는 학급 화폐 시스템
__[수업 적용하기] 03 우리 반에 딱 맞는 학급 화폐 시스템 만들기
___제미나이로 학급 화폐 시스템 DB 구조와 웹앱 코드 작성하기
___배포 후 학생들의 진짜 피드백을 바탕으로 수정하기
__달라진 우리 반 모습
___교실·업무의 변화
___아이들의 변화
___가정에서의 변화
_[남태열 선생님의 특강] 반복 수행이 필요한 과목에서 웹앱으로 확장하기
__활동 데이터를 자동 기록하고 정산하는 웹앱으로 확장하기
__성장을 숫자로 보여주는 웹앱으로 확장하기

CHAPTER 08 | 9월 [학급운영] 아이들의 성장 데이터를 기록하고 모아주는 클래스크 프로젝트 만들기
_LESSON 01 추상적이기만 한 상담은 이제 그만!
__아이들의 생활을 파악하는 웹앱 만들기
__데이터로 말하는 교사
_LESSON 02 클래스크 프로젝트 기능 알아보기
__클래스크의 등교 확인 시스템 알아보기
___학생 명단 설정하기
___교사 계정 설정하기
___로그인 화면
___학생 대시보드
___교사 대시보드
__클래스크의 오늘의 과제 알아보기
___로그인 화면
___학생 대시보드
___교사 대시보드
__클래스크의 감정 일기 알아보기
___로그인 화면
___학생 대시보드
___교사 대시보드
__클래스크의 우유 검사 알아보기
___로그인 화면
___학생 대시보드
___교사 대시보드
_LESSON 03 코딩 없이 바로 쓰는 클래스크 프로젝트
__[수업 적용하기] 01 클래스크 프로젝트 사본 만들기
___등교 확인 시스템 사본 만들기
___오늘의 과제 사본 만들기
___우유 검사 사본 만들기
___감정 일기 사본 만들기
_LESSON 04 우리 반에 맞게 고쳐 쓰는 클래스크 프로젝트
__[수업 적용하기] 02 수정 프롬프트 작성하고 코드 교체하기
___제미나이에 수정 프롬프트 입력하고 코드 교체하기
___테스트 배포로 확인하고 새 배포하기
_LESSON 05 바이브 코딩으로 직접 만드는 등교 확인 시스템
__[수업 적용하기] 03 등교 확인 시스템 만들기
___제미나이로 등교 확인 시스템 만들고 확인하기
___중복 제출 방지 기능 추가하기
___등교 시간 통계 기능 추가하기
__써보니 비로소 보이는 것들
__달라진 우리 반 모습
___교실·업무의 변화
_[남태열 선생님의 특강] 기록 자동화 구조를 다른 활동으로 넓히기
__제출·기록을 자동화하기
__변화를 눈으로 보여주기

CHAPTER 09 | 10월 [국어] 아이들의 논리력을 레벨업하는 AI 토론 웹앱 만들기
_LESSON 01 형식만 갖춘 토론에서 근거 있는 토론으로
__첫 번째 아쉬움 — 토론은 했는데 왜 허전하지?
___제미나이 젬스로 해결 시도
___제미나이 젬스는 부족하다
___두 번째 아쉬움 — 아이들이 진지하게 하고 있을까?
_LESSON 02 AI 토론 웹앱 기능 알아보기
__시작 화면 · 채팅 화면
__결과 화면·구글 시트 기록
_LESSON 03 코딩 없이 바로 쓰는 AI 토론 웹앱
__[수업 적용하기] 01 사본 만들어 우리 교실에서 AI 토론 웹앱 사용하기
___웹앱 복사하여 바로 쓰기
___제미나이 API 키 발급하기
___API 키 입력하고 웹앱 배포하기
_LESSON 04 우리 반에 맞게 고쳐 쓰는 AI 토론 웹앱
__[수업 적용하기] 02 프롬프트로 우리 반에 맞게 수정하고 배포하기
___제미나이에 수정 프롬프트 입력하기
___코드 교체하고 재배포하기
___테스트·배포 관리
_LESSON 05 바이브 코딩으로 직접 만드는 AI 토론 웹앱
__[수업 적용하기] 03 우리 반에 딱 맞는 AI 토론 웹앱 만들기
___제미나이 젬스를 활용하여 AI 토론 파트너의 페르소나 설정하기
___AI의 말투와 답변 분량 조정하기
___제미나이로 AI 토론 웹앱의 코드 작성하기
___프롬프트로 AI 토론 웹앱 디자인 수정하기
__달라진 우리 반 모습
___교실 변화
___기록이 열어준 것들
_[김상백 선생님의 특강] 소크라테스 대화법을 어떤 교과에든 붙이기
__소크라테스 선생님
__글쓰기 피드백 코치
__웹앱은 교사의 페르소나입니다

CHAPTER 10 | 11월 [학급운영] 관찰과 배려로 연결되는 우리 반 마니또 게임 만들기
_LESSON 01 “선생님, 쟤랑은 1년 동안 한마디도 안 해봤는데요?”
__아이들의 보이지 않는 선
__아이들의 거리를 좁혀줄 마니또 게임
__담임교사가 고민한 세 가지 시스템
___관찰을 유도하는 ‘자유 미션’ 시스템
___어색함을 허무는 ‘랜덤 미션’ 뽑기
_LESSON 02 마니또 게임 기능 알아보기
__우리 반 맞춤형 마니또 게임의 교사 전용 구글 시트 화면
___분실 걱정 없는 데이터 기록과 상처를 막아주는 ‘편지 이미지’ 저장
__학생용 마니또 활동 기록 화면
__마니또 편지 작성 및 캡처(다운로드) 화면
_LESSON 03 코딩 없이 바로 쓰는 마니또 게임
__[수업 적용하기] 01 사본 만들어 우리 반에 마니또 게임 적용하기
___웹앱 복사하여 바로 쓰기
___웹앱 배포하고 공유하기
_LESSON 04 우리 반에 맞게 고쳐 쓰는 마니또 게임
__[수업 적용하기] 02 프롬프트로 웹앱 수정하고 배포하기
___제미나이에 수정 프롬프트 입력하고 코드 교체하기
___테스트 배포로 확인하고 배포 관리로 버전 업데이트하기
__수정 예시 01. 우리 반의 생활지도를 돕는 맞춤형 미션 처방
__수정 예시 02. 편견을 깨는 시선, ‘오늘 발견한 장점’ 기록 칸 추가하기
_LESSON 05 바이브 코딩으로 직접 만드는 마니또 게임
__[수업 적용하기] 03 우리 반에 딱 맞는 마니또 게임 만들기
___프롬프트로 웹앱 기본 구조 작성하기
___프롬프트로 다정함 온도계 기능 추가하기
___감동의 기록 : 편지 엽서 이미지 저장 기능 추가하기
___감성적인 디자인으로 웹앱 수정하기
__달라진 우리 반 모습
___같은 방향, 다른 속도로 배움을 이어가는 교실
_[이승우 선생님의 특강] NFC 태그로 마니또 게임을 교실 밖으로 넓히기
__교실 밖으로 웹앱 연결하기 : NFC 태그를 사용해 웹앱 연결하기
___NFC 태그로 마니또 웹앱을 교실 밖으로 넓히기

CHAPTER 11 | 12월 [수학] 우리 반 아이들의 수학 자신감을 책임지는 수학 마스터 만들기
_LESSON 01 아이들이 스스로 확인할 수 있는 웹앱이 필요하다
__스스로 포기해버리는 아이들
__스스로의 성장을 확인할 수 있는 웹앱이 필요하다
_LESSON 02 수학 마스터 기능 알아보기
__로그인 화면과 학습 내용 선택 화면 알아보기
___로그인 화면
___학습 내용 선택 화면
__문제 풀이 화면과 선생님 모드 화면 알아보기
___문제 풀이 화면
___선생님 모드 화면
_LESSON 03 코딩 없이 바로 쓰는 수학 마스터
__[수업 적용하기] 01 사본 만들어 우리 반 학생 데이터 입력하고 사용하기
___웹앱 복사하여 바로 쓰기
___웹앱 배포하고 공유하기
_LESSON 04 우리 반에 맞게 고쳐 쓰는 수학 마스터
__[수업 적용하기] 02 프롬프트로 웹앱 수정하고 배포하기
___제미나이에 수정 프롬프트 제출하고 웹앱 코드 교체하기
_LESSON 05 바이브 코딩으로 직접 만드는 수학 마스터
__[수업 적용하기] 03 우리 반에 딱 맞는 수학 마스터 만들기
___제미나이로 웹앱 첫 번째 버전 요청하기
___스스로의 성장을 확인할 수 있는 기능 추가하기
___아이들의 성장을 시각화하는 기능과 웹앱 문제 수정하기
___사라진 달성도 표시 되살리고 점수 표현 정비하기
___테스트 피드백을 통해 기능 추가하기
__달라진 우리 반 모습
___교실·업무 변화
_[윤태영 선생님의 특강] 수학 마스터를 다른 학년, 다른 교과에 적용하기

CHAPTER 12 | 1월 [교무/학적] 반 배정 업무를 쉽게 만들어주는 반 배정 테트리스 만들기
_LESSON 01 반 배정, 왜 어려울까?
__칠판 앞에서의 포스트잇 회의
__포스트잇 방식의 한계
__올해는 만들 수 있겠다
_LESSON 02 반 배정 테트리스 기능 알아보기
__전체 화면과 통계 대시보드 알아보기
___학생 카드, 자동 배정 기능과 문서 생성
___학생 카드
___분리 학생 경고(학폭, 동명이인)
___자동 배정
___자동 문서 생성
_LESSON 03 코딩 없이 바로 쓰는 반 배정 테트리스
__[수업 적용하기] 01 사본 만들기
___웹앱 복사하여 바로 쓰기
___초기 설정 확인, 데이터 입력하고 배포하기
___자동 배정 클릭하고 마무리하기
_LESSON 04 우리 학교에 맞게 고쳐 쓰는 반 배정 테트리스
__[수업 적용하기] 02 수정 프롬프트 작성하고 코드 교체하기
___특수교육대상 학생 균등 배치 기능 추가하기
___코드 교체
___테스트 배포하고 배포 관리로 웹앱 업데이트하기
_LESSON 05 바이브 코딩으로 직접 만드는 반 배정 테트리스
__[수업 적용하기] 03 우리 학교에 딱 맞는 반 배정 테트리스 만들기
___제미나이로 웹앱에 추가할 기능 정리하기
___제미나이가 정리한 내용 검수하고 수정하기
___제미나이로 웹앱 UI 수정하기
___제미나이로 자동 반 배정 기능 추가하기
___제미나이로 분리 경고 기능 추가하기
___동명이인을 분리하는 기능 추가하기
___전출 예정 학생을 분류하는 프롬프트 입력하기
___명렬표 자동 생성하여 제출 자동화하기
__달라진 우리 반 모습
___교실·업무 변화
_[김상백 선생님의 특강] 붙이기·되돌리기 기능 추가하고 다른 업무에 적용하기
__붙이기 기능 추가하기
__되돌리기 기능 추가하기
__프로젝트 모둠 구성으로 다른 업무에 적용하기

찾아보기

-끝-