본문으로 이동
요즘 교사를 위한 웹앱 만들기 with 바이브 코딩: 코딩 한 줄 몰라도 대화만으로 완성하고 배포하는 우리 반 웹앱

책

요즘 교사를 위한 웹앱 만들기 with 바이브 코딩: 코딩 한 줄 몰라도 대화만으로 완성하고 배포하는 우리 반 웹앱

이상선 한빛미디어 · Yes24

예스24에서 보기

예스24 애드온 링크예요. 이 링크로 사면 책값은 같고, Roadmappr 가 구매액의 일부를 받아요.

소개

AI 시대, 교사가 우리 반 도구를 스스로 만드는 첫 바이브 코딩 실전서 * 칭찬 보드·급식 알리미·협업 보드 등 우리 반에 바로 쓰는 앱 수록 * AI에게 물으면 코드는 나오지만, 정작 '우리 반에 꼭 맞는 도구'는 검색으로 찾아지지 않는다. 『요즘 교사를 위한 웹앱 만들기 with 바이브 코딩』은 코딩 경험이 없는 교사도 자연어로 대화하며 실제 작동하는 웹앱을 직접 만들도록 설계했다. 막연한 아이디어를 AI가 이해하는 한 장의 PRD(제품 요구 사항 문서)로 정리하는 법부터, 제미나이·Lovable·Cursor·안티그래비티 같은 도구로 앱을 만들고, GitHub·Vercel·Supabase로 데이터베이스를 연동해 인터넷에 배포하기까지 하나의 웹 서비스를 완성하는 전 과정을 담았다. '도구 소개'로 끝나는 기존 입문서와 달리, 이 책은 우리 반 칭찬 보드, 급식 알리미, 글쓰기 SNS, 실시간 협업 보드, 사물 인식 AI 학습 앱을 직접 만들고 링크 하나로 학생과 공유하는 데까지 ...

비슷한 학습 자료

책 공지훈 예스24

코딩을 몰라도, 상상만으로 나만의 에듀테크를 뚝딱! 교사의 교육철학을 담은 맞춤형 수업 도구, 이제 바이브 코딩으로 직접 만드세요. * 실습용 PRD(Product Requirements Document) 템플릿, 바이브 코딩 용어 모음집, 앱 링크 제공 시중의 에듀테크 도구들은 범용적이지만 정작 우리 반 아이들에게 딱 맞는 기능을 찾기는 어렵고, 복잡한 가입 절차와 온보딩 과정은 수업의 본질을 흐리기도 한다. 이제는 교사가 직접 수업에 필요한 도구를 만들어 내는 시대가 왔다. 이 책은 프로그래밍 문법을 모르는 교사들도 생성형 AI와 바이브 코딩(Vibe Coding)을 활용해 실제 서비스 수준의 앱을 개발할 수 있는 세계로 안내한다. 교실 현장의 생생한 실전 사례를 통해 누구나 자신만의 맞춤형 수업 도구를 기획하고 구현하는 과정을 따라할 수 있다. 특히 에듀테크 도입이 또 다른 업무 부담이 되지 않도록 AI를 활용해 앱을 만들고 관리하는 효율적인 실무 방법까지 상세히 담았다. 나만...

풀스택 AI 코딩

책 임재희 예스24

아이디어를 현실로 바꾸는 진짜 일잘러의 바이브 코딩 활용법 코딩을 몰라도 아이디어만 있다면 직접 서비스를 만들 수 있는 시대가 되었다. 하지만 AI 도구를 안다고 해서 원하는 서비스가 저절로 만들어지는 것은 아니다. 이 책은 바이브 코딩을 처음 시작하는 사람도 AI와 대화하며 서비스를 만들고, 결과를 확인하며, 개선해 나가는 과정을 익힐 수 있도록 구성되어 있다. 간단한 홈페이지와 쿠키 주문 사이트부터 AI 컬러링 북, 이력서 빌더, 밸런스 게임, 주식 대시보드까지 총 26개의 프로젝트를 직접 만들어 본다. 구글 AI 스튜디오, 안티그래비티, 클로드 코드, 코덱스 등 4가지 AI 도구를 활용해 도구마다 달라지는 개발 방식도 경험할 수 있다. AI에게 무엇을 어떻게 요청해야 할지 막막했던 사람들에게는 친절한 입문서가 되고, 머릿속 아이디어를 직접 서비스로 만들어 보고 싶은 직장인, 주부, 대학생, 소상공인에게는 든든한 실전 가이드가 되어 줄 것이다.

풀스택 AI 코딩

책 고상용 예스24

코딩을 몰라도 괜찮습니다. 필요한 앱을 떠올리고, 밀키트를 넣고, “이대로 만들어줘!”라고 하면 시작됩니다. 『요즘 교사를 위한 바이브코딩 밀키트 100』은 코딩을 전혀 모르는 교사도 생성형 AI와 바이브코딩을 활용해 우리 반에 꼭 필요한 웹앱을 직접 만들고 교실에 적용할 수 있도록 안내하는 실전형 바이브코딩 입문서입니다. “이런 앱 하나 있으면 수업이 훨씬 편할 텐데.” “우리 반 학생들에게 딱 맞는 학습 게임을 직접 만들 수 없을까?” “학급 운영에 필요한 프로그램을 내 마음대로 바꿔 쓸 수 있다면?” 예전에는 이런 생각이 들어도 개발자에게 의뢰하거나 이미 만들어진 서비스를 찾아야 했습니다. 하지만 생성형 AI와 바이브코딩의 등장으로 상황이 달라졌습니다. 이제 교사가 아이디어만 가지고 있어도 AI와 대화하며 직접 웹앱을 만들 수 있습니다. 문제는 “AI에게 무엇을, 어떻게 요청해야 하는가?”입니다. 이 책은 그 어려움을 ‘밀키트’로 해결합니다. 요리 밀키트에 필요한 재료와 조리법...

웹 개발 AI 코딩

책 박현규 예스24

바로바로 바이브 코딩 with 커서 AI

책 박현규 예스24

★ 커서 공식 앰배서더가 작정하고 쓴 진짜 AI 코딩 노하우 ★ 왕초보부터 실력자까지, 누구나 쉽게 '바로 배워 바로 쓰는' 바이브 코딩 ★ 50가지 풀스택 실전 프로젝트, 당신의 모든 아이디어를 '바로' 구현하세요 AI가 알아서 코딩해주는 시대, AI 능력을 얼마나 활용하고 계신가요? AI를 개발 파트너로 활용하면 단순 메일 텍스트 생성을 넘어 나만의 맞춤형 프로그램을 만들 수 있는 완전히 새로운 세상이 열립니다. 이 책은 코딩을 전혀 모르는 입문자도, 개발 생산성을 대폭 높이고 싶은 실력자도 누구나 커서 AI를 지휘하며 원하는 프로그램을 뚝딱 만들어낼 수 있도록 안내하는 바이브 코딩 맞춤형 입문서입니다. __개발, 프로그래밍 하면 흔히 떠오르는 복잡한 코드, 벌써 어렵고 피하고 싶은가요? 그래서 이 책은 복잡한 환경 설정이나 터미널 조작 같은 기술적 장벽을 시야에서 완전히 감춰주는 지능형 코드 에디터 커서 AI를 메인 도구로 채택했습니다. 대화창에 의도만 설명하면 AI가 알아서 ...

풀스택 AI 코딩

책 박찬, 김병석, 전수연, 김지용, 구현희, 전채원 예스24

바로 배워서 바로 써먹는 바이브 코딩

책 박찬, 김병석, 전수연, 김지용, 구현희, 전채원 예스24

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

웹 개발 AI 코딩

책 성하준, 이슬기 예스24

문과도, 비개발 직군도, 비전공자도, 개발 지식이 없는 초보자도 완전 가능! 문제 정의부터 개발, 배포까지 한 권으로 끝내는 가장 쉬운 바이브 코딩 입문서 불과 몇 년 전만 해도 서비스를 만든다는 것은 전문 개발자들의 영역으로 여겨졌습니다. 아이디어가 있어도 코드를 몰라 포기했고, 문제를 발견해도 직접 해결할 방법이 없었습니다. 하지만 AI 코딩 도구가 등장하면서 상황이 달라졌습니다. 이제는 개발 경험이 없는 사람도 AI와 대화하며 서비스를 만들고, 배포하고, 실제로 사용해 볼 수 있는 시대가 되었습니다. 이 책은 서강대학교에서 진행한 8주 실습형 강의를 바탕으로 구성되었습니다. 초보자도 쉽게 사용할 수 있는 바이브 코딩 도구 커서(Cursor)를 활용해 실습을 진행하며, 문제를 발견하고 정의하는 방법부터 서비스 개발, AI 에이전트 제작, 배포까지 하나의 서비스를 만들어 가는 전 과정을 직접 따라 해 보며 배울 수 있도록 구성했습니다.

풀스택 AI 코딩 AI에이전트 개발