된다! 교사를 위한 에듀테크 바이브 코딩 수업 활용법: 제미나이와 캔바로 우리 반 전용 20가지 프로그램, 웹 앱 만들기

최우현

저자:최우현(우현쌤)wh6970@gmail.com
"코드한줄몰라도괜찮습니다.아이들을향한따뜻한마음과말한마디만있다면,이제누구나교실을바꾸는프로그래머가될수있습니다."
주중에는초등학교교사로,밤과주말에는선생님을대상으로‘AI바이브코딩’직무연수전문강사로일하고있습니다.‘디지털네이티브학생들의학습참여율을어떻게높일수있을까?’라는질문에서시작한AI활용법이집필로이어졌습니다.
학교현장에서수많은시행착오를겪으며다듬어온가장쉽고,친절하며,직관적인바이브코딩입문노하우를이책에고스란히담았습니다.교무실에서홀로야근하며밤을지새우는전국의수많은동료선생님이생성형AI라는든든한비서를곁에두고,다시금가르치는즐거움과교실의활기찬‘바이브’를회복할수있도록온마음으로응원합니다.

경력및활동
(현)광주양동초등학교교사
교사대상'AI바이브코딩'직무연수전문강사
유튜브채널<우현쌤의바이브코딩>운영
초등컴퓨터교육석사
교육부장관표창3회

저자와소통할수있는공간
[이메일]wh6970@gmail.com
[인스타그램]@woohyun.ssam
[오픈채팅방]우현쌤의바이브코딩

01장새롭게떠오르는교사업무해결사,바이브코딩!
01-1바이브코딩,그게뭐예요?
01-22가지도구로바이브코딩준비하기
_하면된다!}제미나이캔버스사용해보기
_하면된다!}캔바가입하고교사인증하기
01-3제미나이와캔바AI로간단한게임만들어보기
_하면된다!}제미나이캔버스로가위바위보게임만들기
_하면된다!}캔바AI코드로가위바위보게임만들기

02장바이브코딩을도와줄기초용어알아보기
02-1코딩에필요한기본개념이해하기―프런트엔드와백엔드
02-2웹앱의기본생김새살펴보기―HTML,CSS,자바스크립트
02-3색감과디자인을더하는마법의프롬프트
02-4PTCF프롬프트작성법으로완벽한설계도그리기

03장새학기시작!선생님의행정업무를돕는바이브코딩
03-1자리바꾸기프로그램만들기
_하면된다!}제미나이로자리바꾸기프로그램바이브코딩하기
_하면된다!}바이브코딩으로만든프로그램저장하고배포하기
03-2출석체크프로그램만들기
_하면된다!}제미나이로출석체크프로그램바이브코딩하기
03-3칭찬포인트관리프로그램만들기
_하면된다!}제미나이로칭찬포인트관리프로그램바이브코딩하기
03-4링크를한눈에보는우리반홈페이지만들기
_하면된다!}캔바AI코드로우리반홈페이지만들기
03-5우리반스마트알림장만들기
_하면된다!}캔바AI코드로스마트알림장만들기
03-6우리반비밀상담소만들기
_하면된다!}캔바AI코드로우리반비밀상담소프로그램만들기
03-7단순안내용웹가정통신문만들기
_하면된다!}제미나이젬과캔바AI코드로웹가정통신문만들기
03-8참여여부수합용가정통신문만들기
_하면된다!}제미나이젬과캔바AI코드,캔바시트로수합용가정통신문만들기
03-9학부모상담신청프로그램만들기
_하면된다!}캔바AI코드와캔바시트로학부모상담신청프로그램만들기
03-10행운의뽑기판프로그램만들기
_하면된다!}캔바AI코드로행운의뽑기판프로그램만들기

04장수업설계고민끝!선생님의수업준비를돕는바이브코딩
04-1AI를활용해수업을설계하는방법
04-2가장간단하고빠르게교과서분석하기
_하면된다!}제미나이젬으로교과서분석하기
04-3활동기록을쌓는디지털활동지만들기
_하면된다!}캔바AI코드로디지털활동지만들기
04-4실시간으로디지털활동지모니터링하기
_하면된다!}캔바AI코드로디지털활동지실시간모니터링하기
_하면된다!}구글문서로활동지링크와평어효율적으로정리하기
04-5수집한데이터를AI로피드백하기
_하면된다!}캔바시트로데이터수집하고제미나이로평가피드백하기
_하면된다!}차시별평가자료만들고다음수업자료구성하기
_하면된다!}차시별누가기록으로단원평어만들기
_하면된다!}완성한디지털활동지초기화하기
04-6캔바와제미나이로평가,채점,분석한번에하기
_하면된다!}캔바AI코드로학업성취도측정평가만들기
04-7수업복습을위한지능형퀴즈시스템만들기
_하면된다!}제미나이캔버스로퀴즈만들기

05장학습을재밌게!맞춤형게임만들기
05-1수준별맞춤형구구단게임만들기
_하면된다!}제미나이캔버스로구구단게임만들기
05-2학생들의결과가기록되는알파벳게임만들기
_하면된다!}캔바AI코드로알파벳마스터게임만들기
05-3여러학생이하나의태블릿으로즐기는구구단게임만들기
_하면된다!}캔바AI코드로구구단멀티플레이어게임만들기
05-4지루한공부는끝!디지털보드게임만들기
_하면된다!}제미나이로5.18민주화운동보드게임만들기
05-5교과서내용을담은방탈출게임만들기
_하면된다!}제미나이와캔바AI코드로방탈출게임만들기

나가며
찾아보기
특별선물

"저는코딩이라곤해본적이없는데,프로그램을만들수있을까요?"
―코딩지식0에서시작합니다.말로지시하면AI가만들어줍니다!
걱정하지마세요.이책은HTML이나파이썬같은프로그래밍언어를모르는분을기준으로시작합니다.제미나이와캔바에가입하고교사인증을받는것부터,만들고싶은프로그램을'말'로설명하는방법까지화면그대로따라하면됩니다.오류가나도"실행이안돼"라고말하면AI가몇초만에고쳐주고,PTCF라는프롬프트공식하나만익히면내머릿속화면을그대로그려낼수있습니다.<하면된다!>코너만꼼꼼히짚으면하루안에첫프로그램이완성됩니다.

"매일반복되는행정업무시간을조금이라도줄일수없을까요?"
―자리배치부터가정통신문까지,교무실잡무를해결하는도구를직접만들어요!
03장은통째로'선생님의퇴근시간을앞당기는'행정도구를만드는데할애했습니다.키시력교우관계를반영하는자리바꾸기프로그램,버튼하나로끝내는출석체크,스티커분실걱정없는칭찬포인트관리,링크를한데모으는우리반홈페이지와스마트알림장,그리고학부모응답이실시간으로취합되는수합용가정통신문과상담신청프로그램까지.종이와수작업으로하던일이클릭몇번으로자동정리됩니다.

"수업준비와평가에시간이너무많이들어요."
―교과서사진한장이활동지퀴즈피드백으로바뀝니다!
04장에서는교과서를분석해주는나만의AI비서(제미나이젬)를만들고,그결과로학생들이실시간으로참여하고기록하는디지털활동지를제작합니다.선생님은자리에앉은채로누가막혀있는지한눈에확인하고,쌓인데이터를제미나이로분석해학생별맞춤피드백과생활기록부초안까지뽑아냅니다.수작업으로채점하고평어를고민하던시간이확줄어듭니다.

"요즘아이들,수업에좀처럼집중하지못해요."
―구구단부터방탈출까지,우리반수준에맞춘학습게임!
05장에서는아이들이스스로몰입하는맞춤형학습게임을만듭니다.수준에따라반복학습을유도하는구구단게임,결과가기록되는알파벳게임,태블릿1대로여럿이겨루는협동게임,그리고교과내용을담은디지털보드게임과방탈출까지.게임속에학습을자연스럽게녹여두면,시키지않아도아이들이먼저손을듭니다.

"이런도구,비용이많이들거나개인정보가새는건아닐까요?"
―무료로시작하고,데이터는선생님계정에안전하게보관됩니다!
이책에서사용하는도구는딱2가지,제미나이캔버스와캔바AI코드입니다.캔바는교사인증을받으면AI기능을무료로쓸수있고,제미나이도무료버전으로충분합니다.학생들이입력한데이터는정체모를외부서버가아니라선생님계정에연결된'캔바시트'에만저장되어보안걱정도덜수있습니다.비용과보안,두마리토끼를모두잡았습니다.

"혼자하다막히면어떡하죠?"
―[하면된다!]실습과[우현쌤!궁금해요]Q&A가곁에서도와줍니다!
이책은모든과정을실제화면그대로보여주는[하면된다!]실습으로이루어집니다.여기에현장에서꼭나오는질문을모은[우현쌤!궁금해요]코너를곳곳에배치해서"한글파일을왜못읽나요?","카톡으로보낸링크가자꾸로그인창을띄워요"같은막히는순간이올때마다바로답을찾을수있도록친절하게구성했습니다.혼자시작해도끝까지완주할수있습니다.이제망설일이유가없습니다.지금바로제미나이와캔바를켜보세요.

[독자커뮤니티안내]
함께성장하는독자커뮤니티'Doit!스터디룸'에방문해보세요!
'Doit!스터디룸'에서이책으로공부하는독자들을만나보세요.혼자시작해도함께끝낼수있어요.'두잇공부단'에참여해이책을완독하고인증하면이지스퍼블리싱에서발간한책을선물로받을수있답니다!궁금한점을질문하고함께배우며성장하는즐거움을느껴보세요.
Doit!스터디룸카페:cafe.naver.com/doitstudyroom

[이런분께추천합니다]
매일야근과잔업으로힘들어하며고민하는선생님
우리반에딱맞는수준별학습설계방법이궁금한선생님
학생들의수업참여율을높이고싶은열정많은선생님
최신AI로프로그램을만들어보고싶은기술애호가선생님