“이런 프로그램 하나만 있으면 좋겠는데.” 교실에서 떠올린 아이디어를 직접 만들어 볼 수 있다면 어떨까요?

《요즘 교사를 위한 바이브 코딩 3대장》은 코딩을 몰라도 AI와 대화하며 수업·학급경영·업무에 필요한 웹앱을 만드는 실습 안내서입니다. 만들고 싶은 기능을 말로 설명하고, AI가 만든 결과를 확인하며, 필요한 부분을 다시 요청해 고치는 바이브 코딩의 흐름을 교사의 눈높이에서 차근차근 익힙니다.

캔바AI(Canva AI), 제미나이 캔버스(Gemini Canvas), 구글앱스크립트(Google Apps Script), 구글AI스튜디오(Google AI Studio), 클로드코드(Claude Code)를 활용해 메모리 게임과 바른 글씨 연습장부터 과제 제출 확인, 맞춤형 학습 진단, 행동특성 작성 지원, 실시간 수업 응답 시스템까지 교실에서 활용할 수 있는 웹앱 17가지를 만들어 봅니다. 각 실습은 프롬프트를 입력하고 결과를 확인한 뒤, 원하는 방향으로 수정하는 과정을 따라가도록 구성했습니다.

실습에 쓰는 프롬프트 모음과 완성 프로그램은 실습 웹앱에 모아 두었습니다. 이 실습 웹앱 역시 저자가 책에서 소개하는 바이브 코딩 방식으로 직접 만든 것입니다. 웹앱에 들어가 99개 프롬프트를 바로 복사하고 17개 완성 프로그램을 실행해 보는 것만으로도, 코딩 없이 대화만으로 이런 웹앱을 만들 수 있다는 것을 먼저 경험할 수 있습니다.

실습 프롬프트 및 웹앱 실행해보기 : https://vibecoding3-prompts.web.app (책을 펴기 전에 먼저 열어 보세요!)

이 책의 저자는 독자와 바로 소통할 수 있는 오픈채팅방과 블로그를 운영한다.
- 오픈채팅방 https:://www.joo.is/함께성장하는영화쌤
- 블로그 : https:://www.joo.is/영화쌤블로그
- 이 책의 웹앱 실행과 프롬프트 : https://vibecoding3-prompts.web.app