선생님, 오늘부터 AI로 편해집시다 : 챗봇부터 웹앱까지, 교사를 위한 AI 수업 도구 제작 가이드

윤혁,송연철,소성현,김소정

저자:윤혁
코딩,한줄몰라도괜찮다고믿는현직교사.AI로바이브코딩하며수업과업무를즐겁게바꿔나가는중이다.인스타그램'달달샘'에서동료교사들과이실천을함께나누고있다.
블로그:blog.naver.com/daldalblog
인스타그램:daldal.ssam

저자:소성현
구글공인트레이너(GoogleCertifiedTrainer)및바이브코딩강사.수업과업무에바로적용할수있는유용한AI기능을연구하며,누구나인공지능과코딩의세계에쉽게첫발을내디딜수있도록돕고있다.
블로그:blog.naver.com/8880so
유튜브:‘1분소쌤’,‘그림현상소’

저자:송연철
인공지능활용이라는시대적흐름에휩쓸리기보다나만의수업철학을담은도구로교실의주도권을지키며학생들과함께하는즐거운수업에대해연구하고있다.
인스타그램:chori_teachup

저자:김소정
수업의본질과디지털활용의균형속에서학생들이주체적으로생각하고표현하는수업을연구한다.디지털도구를현장에알맞게적용하고,좋은실천을동료교사와함께나눈다.
블로그:blog.naver.com/powerpositive
인스타그램:special_sj___

책을열며

파트1.바이브코딩실전구현가이드

-도구부터웹앱까지,바이브코딩의기초체력만들기

한걸음,바이브코딩과생성형AI,경계에서시작하기
코딩을몰라도만들어볼수있는시대
바이브코딩이란무엇인가
소비자에서창작자로의변화,그리고교사에게남는질문

두걸음,가장쉬운시작,CanvaAI로만드는첫웹앱
크리에이티브파트너,Canva로시작하기
교실속아이디어,바로만들어보기
첫웹앱제작,맞춤법퀴즈만들기
데이터가쌓이는웹앱,CanvaSheets활용하기
교실로보내는마지막관문,웹앱접속안내하기

세걸음,아이디어를웹앱으로바꾸는기획의기술
아이디어를한문장으로던지기
AI를기획파트너로세팅하기
빈틈을찾고,완성의기준세우기
머릿속기획을PRD로옮기기
효율을끌어올리는마지막준비

네걸음,나만의맞춤형챗봇(GPTs,GEMs)만들기
망망대해를건너는법,프롬프트의장벽허물기
챗봇제작의첫걸음,화면열고시작하기
복붙은그만,나만의챗봇설계하기
링크하나로완성하는배포

다섯걸음,데이터의한계를넘는바이브코딩,구글스프레드시트와GAS(GoogleAppScript)
기억하지못하는웹앱의한계
프론트엔드·백엔드·데이터베이스의연결구조
GAS로시작하는자동화로직
학생들의디바이스로확장하는웹앱

여섯걸음,강력한무료바이브코딩툴GoogleAIStudio
GoogleAIStudio란?
GoogleAIStudio인터페이스
GoogleAIStudio환경설정하기
GoogleAIStudio교육현장활용

일곱걸음,netlify로시작하는초간단배포
배포와netlify
netlify계정만들기
netlify로배포하기
기억하기쉬운주소만들기

파트2.교실에서바로쓰는실전프로젝트

-챗봇부터수업도구까지,선생님이직접만드는교실을바꾸는도구

한걸음,교사의든든한동료,맞춤형챗봇활용하기
정답이없는수업의뼈대를잡아주는‘디자인씽킹수업도우미’
맞춤형보드게임밸런스패치‘보드게임하우스룰제조기’
수업의문을여는정교한사고장치‘수업도입용라이어게임’
맞춤형챗봇과함께걷는새로운교육의길

두걸음,구글스프레드시트와GAS로나만의학급경영플랫폼구축하기
학급경영자동화의시작
운영부담을줄여주는게이미피케이션(Gamification)전략
생성형AI와대화하며설계하는세계관과구조
데이터의심장,구글스프레드시트기획
AI로숨을불어넣는GAS실전코딩
배포와운영

세걸음,바이브코딩으로만드는수업놀이
종이놀이와바이브코딩이만나면생기는일
글자미로에서단어를캐내는한글아트낱말찾기
숫자판을색칠하는‘합하여10만들기’놀이
수업핵심단어를반복하며말하고듣는복불복찢기빙고

네걸음,사회정서학습(SEL)웹앱제작하기
사회정서학습과바이브코딩의만남
이미지한장으로마음여행웹앱만들기
유튜브링크하나로사회정서학습(SEL)웹앱제작하기
사회정서학습(SEL)웹앱배포하기

다섯걸음,질문에서시작되는글쓰기교실
선생님,뭐써야해요?
엉뚱한질문자판기로여는상상글쓰기
우리사이이야기로만드는공감글쓰기

마치며
질문에서시작된작은도구들

“우리는챗봇도만들고,앱도만들고,
그사이과정도배웁니다.”
AI와아이디어를
나만의질문파트너로만드는법!
수업놀이·사회정서교육·글쓰기까지
모든교과연계실전사례를담다.

생성형AI를소개하는책은많지만,이책은기술자체보다교사가AI를활용해수업을만들어가는과정을중심에둔다는점에서결이다르다.새로운기능을설명하는데머무르지않고,하나의수업아이디어가AI와의협업을거쳐실제교육활동으로완성되는흐름을자연스럽게따라가게한다.무엇을만들수있는지가아니라왜만들고어떻게활용할것인지를먼저고민하게만드는구성이인상적이다.

프롬프트작성,챗봇제작,웹앱개발,바이브코딩같은최신AI활용법을소개하면서도모든내용을실제교실상황과연결한다.학생참여활동을설계하고,자료를제작하고,결과물을수정하며발전시키는과정을구체적으로보여주기때문에AI를처음접하는교사도자신의수업에적용하는모습을어렵지않게그려볼수있다.완성된예시를제시하는데그치지않고시행착오를줄이는방법과수정과정까지함께담아실용성을높였다.

특히AI를잘사용하는방법보다AI와잘협업하는사고방식을강조한점이돋보인다.원하는답을얻기위해질문을구체화하고,결과를교육적의도에맞게다듬으며,학생의배움으로연결하는과정을반복적으로보여주기때문에자연스럽게교사는AI활용능력과수업설계역량을함께키우게된다.기술보다교육을중심에두는관점이책전체를일관되게이끈다.

빠르게변하는AI시대에도좋은수업은결국교사의고민에서시작된다.『선생님,오늘부터AI로편해집시다』는그고민을AI와함께구체적인교육활동으로발전시키는현실적인방법을제시하며,새로운기술을익히는즐거움과수업이달라지는성취감을동시에전한다.AI를활용한수업을처음시작하는교사는물론,이미다양한도구를사용하고있지만한단계더깊이있는교육설계를고민하는교사들에게,이제이책을따라당신만의수업도구를제작해보자.더욱깊이있고편해진수업이당신을기다리고있을것이다.