누구나 아이디어만 있다면 누구나 멋진 웹 앱을 만들 수 있습니다! 바이브 코딩(Vibe Coding)은 코딩을 전혀 모르는 사람도 생성형 AI에 프롬프트(명령어)를 입력하여 코드를 작성하고 서비스 샘플을 만들어주는 도구입니다. 이 책은 바이브 코딩 도구를 활용하여 수업과 학급 경영, 교사 업무의 효율성을 높이는 웹 앱 개발 사례를 소개하며, 교사들이 직접 교실의 필요를 해결하는 앱 창작자가 될 수 있도록 돕습니다.

저자 : 박찬 인천부내초등학교 교사 인하대학교 교육학 박사(Ed. D.) 서울대학교, 경인교육대학교, 인하대학교, 전북대학교 겸임교수 AI선도학교 및 디지털 연구학교 운영, 교육부 교실혁명선도교사 전문가 과학, 영재, 융합장관표창, 2016 올해의 과학교사 AI활용교육/창의성 교육/STEAM 교육/발명, SW 교육 저서: 우리는 AI와 공부한다. 생성형 인공지능과 함께하는 사회정서학습, 챗GPT 프롬프트 레볼루션, ChatGPT 인공지능 융합교육법, 메타버스for에듀테크,메타버스 교육 프로젝트, 인공지능과 함께하는 미래교실, 인공지능for클래스룸,에듀테크for클래스룸, 메타버스 환경교육 프로젝트, 우리아이AI, 4차산업수업혁명, 미래직업다이어리, 코딩으로 제어하는 가상현실 프로젝트 등 저자 : 김병석 인천신정초등학교 교사 경인교육대학교 과학교육학과 석사 교육부 사회정서교육교사연구회 회장 과학, 융합 교육부 장관 표창 과학, 창의성 교육 / STEAM 교육 / SW, 인공지능교육 저서: 우리는 AI와 공부한다. 생성형 인공지능과 함께하는 사회정서학습, 챗GPT 프롬프트 레볼루션, ChatGPT 인공지능 융합교육법, 메타버스for에듀테크, 에듀테크for클래스룸, 우리아이AI, 4차산업수업혁명, 코딩으로 제어하는 가상현실 프로젝트 등 저자 : 전수연 인천부원초등학교 교사 2025년 과학교육 유공교원 과학기술정보통신부 장관표창 2019년 융합(STEAM)교육 유공교원 교육부 장관표창 교육부 교실혁명선도교사 전문가, 북부발명교육센터 및 발명영재학급강사 STEAM 교육 / AI활용,영재,창의성교육 저서: 우리는 AI와 공부한다. 생성형 인공지능과 함께하는 사회정서학습, 챗GPT 프롬프트 레볼루션, ChatGPT 인공지능 융합교육법, 에듀테크for클래스룸, 인공지능 FOR 클래스룸, 우리아이 AI 저자 : 김지용 인천부내초등학교 교사 서울대학교 대학원 석사 AI선도학교 및 디지털 연구학교 운영, 교육부 교실혁명선도교사 전문가 AI활용교육/창의성 교육/발명, SW 교육 저서: 우리는 AI와 공부한다. 생성형 인공지능과 함께하는 사회정서학습 저자 : 구현희 인천부곡초등학교 교사 경인교육대학교 대학원 석사 교육부 교실혁명선도교사 전문가, AI활용 융복합 콘텐츠 활용 창작교실 운영 과학교육 유공교원 교육부장관 표창, 2021 올해의 과학교사 한국교육개발원 영재담당교사 심화연수 강사 발명교육센터, 발명영재학급 및 과학교육관 강사 AI활용교육/창의성 교육/STEAM 교육/발명, SW 교육 저서: 우리는 AI와 공부한다. 저자 : 전채원 인천백석초등학교 교사 AIEDAP 수도권역 마스터교원 교육부 교실혁명선도교사 전문가 인천광역시교육청 SW 영재학급 강사 2025 AI 디지털 교과서 활용 콘텐츠 교육부장관상 2024 수업혁신사례연구대회 인천 1등급 및 전국 2등급 AI활용교육/창의성 교육/STEAM 교육/SW 교육 저자 : 홍찬우 인천봉수초등학교 교사 2024년 디지털 기반 교육혁신 우수 선도교원 교육부 교실혁명선도교사 전문가 2024년 인천광역시교육청 대표 AIEDAP 및 T.O.U.C.H 3기 교사 인천광역시교육청 AI융합교육대학원 리더그룹(A.I.G) 대표 교사2024년 수업혁신사례연구대회 인천 1등급 및 전국 2등급 AI활용교육/창의성 교육/STEAM 교육/SW 교육 저자 : 이상선 (전) 초등학교 교사 KERIS AIDT Prototype 평가위원 (2024) 교수학습 플랫폼 growndcard.com 개발 T.R.I.P.O.D. 수업 혁신 연구회

이 책의 활용법 1. 바이브 코딩으로 누구나 웹 앱을 만드는 시대 2. 교실에서 필요한 앱 제작 도구와 예제 웹사이트 모음 3. 이 책의 구성 4. 웹 앱 제작 실습 전 준비 사항 일정 관리 앱 + Canva AI 활용 앱 제작 방법 학급 운영 앱(자리 배치, MBTI 검사, 기억력 매칭 게임, 감사 일기장) 마음 일기 + Apps Script 활용 앱 제작 방법 토론 수업 도우미 고민 상담소 구구단 앱 달려라 연산왕 앱 타자 천자문 질문이 있는 교실 나의 생물 관찰 일지 + Firebase 활용 앱 제작 방법 우리 반 AI 받아쓰기 도우미 WordClass(워드클래스) 미술 감상 게임 ACE CANVAS 타임튜터 앱 수업 길잡이 주제 탐험가 앱 즐거운 빙고 놀이터 + Lovable 활용 앱 제작 방법 우리 반 칭찬 포인트 보드

이 책에서 다루는 주요 앱 제작 도구 AI 에이전트 (ChatGPT, Claude, Gemini): 바이브 코딩의 핵심 두뇌 역할을 합니다. 사용자가 단 한 문장만 작성하면 AI가 수백 줄의 코드를 자동으로 생성해 줍니다. 이 책에서는 ChatGPT, Claude, Gemini 등의 AI를 사용하여 앱을 설계하고 앱에 API key를 연동하여 AI 기능을 연동하는 방법을 상세히 안내합니다. Canva AI: 코드 생성부터 앱 제작까지 한 번에 가능한 도구로, 간단한 앱 제작에 적합합니다. ‘일정 관리 앱’과 ‘학급 운영 앱’(자리 배치, MBTI 검사, 기억력 매칭 게임, 감사 일기장)을 소개합니다. Apps Script: AI가 만든 코드를 가장 쉽게 웹 앱으로 구현할 수 있는 도구입니다. 구글 시트에서 바로 앱을 만들 수 있게 해주며, 학생들이 앱에 입력한 데이터는 구글 시트에 자동 저장·관리되어 데이터베이스 구축도 간편합니다. ‘마음 일기’, ‘토론 수업 도우미’, ‘고민 상담소’, ‘구구단 앱’, ‘달려라 연산왕 앱’, ‘질문이 있는 교실’, ‘타자 천자문’의 제작 예시도 소개합니다. Firebase: 사용자 인증, 데이터베이스, 호스팅 등 웹 앱의 필수 기능을 손쉽게 구축하도록 도와주며, 완성도 높은 앱을 효과적으로 만들 수 있는 도구입니다. ‘나의 생물 관찰 일지’, ‘AI 받아쓰기 도우미’, ‘Word Class(워드 클래스)’ ‘미술 감상 게임 ACE CANVAS’, ‘타임 튜터’와 같은 앱을 구현해 보았습니다. Lovable: 데이터베이스를 쉽게 연결하고 AI를 활용해 웹 앱의 화면과 기능을 빠르게 설계하고 배포할 수 있게 해주는 전문 도구로, 역시 완성도 높은 앱 제작에 유용합니다. 수업과 학급 문화를 풍성하게 만들 ‘수업 길잡이 주제 탐험가 앱’, ‘즐거운 빙고 놀이터’ ‘우리 반 칭찬 포인트 보드’ 등을 만들 수 있습니다. 이 책에 담긴 바이브 코딩 앱 개발 예시를 참고하여 실제 교실 운영과 수업 활동에 필요한 웹 앱을 직접 만들어 사용해 보세요. 교사의 수업과 학급 경영 모두에서 효율성을 높일 수 있습니다. 앱 개발은 그동안 전문 개발자들만의 전유물이었습니다. 일반인이 파이썬을 배운다고 해도 초급 개발자 수준에서 간단한 서비스 하나를 만들기까지 수개월이 걸렸습니다. 하지만 이제 생성형 AI에 명령어 한 줄만 입력해도 완벽하게 동작하는 코드가 생성됩니다. 이러한 코드를 바로 실행하고 배포할 수 있는 AI 기반 서비스들이 빠르게 보급되면서 숙련된 전문 개발자들조차 이제 ‘바이브 코딩(Vibe Coding)’을 일상적으로 사용하고 있습니다. ‘바이브 코딩’이란 코딩을 전혀 모르는 사람도 생성형 AI에 자연어 프롬프트를 입력하여 원하는 코드를 생성하고, 실제 서비스를 개발할 수 있게 도와주는 혁신적인 개발 방식입니다. 2025년 2월에 오픈AI의 공동창업자 안드레이 카파시(Andrej Karpathy)가 처음 소개한 이후 바이브 코딩은 독립된 AI 도구를 넘어, 기존 개발 서비스에 통합되어 제공되고 있습니다. 이제 누구나 바이브 코딩을 활용하면 앱 개발자로 거듭날 수 있습니다.