반디앤루니스 인터넷서점
전체

로고이미지

검색

  • ▼
HOT ISSUE

네비게이션 실시간 인기 책

    요즘 교사를 위한 웹앱 만들기 with 바이브 코딩

    예약판매

    [예약판매] 요즘 교사를 위한 웹앱 만들기 with 바이브 코딩 코딩 한 줄 몰라도 대화만으로 완성하고 배포하는 우리 반 웹앱 | 2022 개정 교육과정 반영, 실습 프롬프트·완성 코드 제공

    • 이상선, 김진관, 이대형, 윤신영, 김상섭 저
    • 한빛미디어
    • 2026년 09월 10일
    • 정가
      22,000원
    • 판매가
      19,800원 [10% 할인]
    • 결제 혜택
      무이자
    • 적립금
      1,100원 적립 [5%P]

      NAVER Pay 결제 시 네이버페이 포인트 5% 적립 ?

    • 배송구분
      업체배송(반디북)
    • 배송료
      무료배송
    • 출고예상일
      2026년 09월 11일 이후

      ※ 출고예정일은 도서 재고상황에 따라 변동될 수 있습니다.

    수량
    바로 구매 쇼핑카트 담기 위시리스트
    회원리뷰
    - [0]
    ISBN: 9791175790872 288쪽 547g 183 x 235 (㎜)

    지금 이책은

    • 판매지수 : 0

    이 분야의 베스트셀러

    이 책이 속한 분야

    책 소개

    상품문의 / 정보수정 요청 >

    이 책은


    AI 시대, 교사가 우리 반 도구를 스스로 만드는 첫 바이브 코딩 실전서
    ★ 칭찬 보드·급식 알리미·협업 보드 등 우리 반에 바로 쓰는 앱 수록 ★

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

    출판사 리뷰

    검색해서 쓰던 교사에서, 직접 만드는 교사로
    교실에는 시중 앱으로 채워지지 않는 불편이 많다. 우리 반에만 맞는 칭찬 보드, 우리 학교 급식을 불러오는 알리미, 모둠이 함께 쓰는 실시간 보드 - 필요한 도구를 검색만 하던 교사가, 이제 대화만으로 직접 만든다. 이 책은 코드 한 줄 몰라도 자연어로 지시해 실제 작동하는 웹앱을 완성하도록 이끄는, 국내 첫 교사 대상 바이브 코딩 실전서다.

    '도구 소개'가 아니라 '하나를 끝까지' 만든다
    가장 큰 차별점은 완주다. 도구 사용법을 나열하는 데서 멈추지 않고, 교실의 불편을 문제로 정의하고 → 한 장의 PRD로 기획하고 → AI로 앱을 만들고 → 데이터베이스를 연동해 인터넷에 배포하기까지, 하나의 웹 서비스가 완성되는 전 과정을 담았다. 화면만 그럴듯한 앱이 아니라 데이터가 저장되고 링크로 공유되는 '진짜 서비스'를 손에 넣는다.

    따라 하면 완성되고, 원리까지 남는다
    각 장은 장 도입 미리 보기부터 화면과 함께하는 단계별 실습, 개발 개념을 교사 눈높이로 풀어 주는 'VIBE PLUS'까지 일정한 흐름으로 반복된다. 실제 화면 스크린샷과 그대로 입력하는 프롬프트가 함께 제시되어, 에듀테크가 낯선 교사도 화면을 따라 하면 결과물이 완성되고, 왜 그렇게 되는지 원리까지 이해하게 된다. 실습 프롬프트와 완성 소스 코드는 GitHub로 모두 제공하며, 웹 브라우저만 있으면 Mac·Windows 어디서나 따라 할 수 있다.

    ★ 이런 분들께 권합니다
    _ 코딩은 몰라도, 우리 반에 필요한 도구를 직접 만들고 싶은 교사
    _ 기존 앱으로는 채워지지 않는 우리 교실만의 기능이 필요한 교사
    _ 반복되는 교실 속 불편함을 스스로 해결하고 싶은 교사




    저자 소개

    이상선, 김진관, 이대형, 윤신영, 김상섭

    저자 : 이상선

    학습자 중심의 교육 환경과 에듀테크의 실질적인 접점을 탐구하며, 교실 현장에 필요한 플랫폼과 교육 방법을 직접 연구·개발하는 에듀 프러너. 단순한 활용을 넘어 기술을 직접 구현하는 ‘메이커’로서, 수업 LMS 플랫폼 ‘TRYTHIS’와 사회정서 학습(SEL) 기반 학급 경영 플랫폼 ‘그라운드(Grownd)’를 개발하고 있다. 저서로는 『요즘 교사를 위한 AI 디지털 수업 설계 가이드』, 『바로 배워서 바로 써먹는 바이브 코딩』등을 공동 집필하였고, AI와 디지털 도구를 활용해 교육의 본질을 살리고 업무 효율을 높이는 노하우를 트라이팟(T.R.I.P.O.D.) 연구회를 통해 동료 교사들과 공유하고 있다.

     

    저자 : 김진관

    배움, 나눔, 성장을 추구하는

    연결주의자

    (2025) <요즘 교사를 위한 AI 디지털 수업 설계 가이드> 대표저자 외 3권 공저

    (2023~2025) 교육부 TOUCH 교사단 대전 대표교사(초등) 및 AIEDAP 마스터교원

    (2023~2025) 대전 AI티처스쿨 커뮤니티 대표교사

    (2024) 대전광역시교육청 글로벌 AI 융합 CPD 과정 수료(영국 킹스턴 대학교)

    (2023) 교육부 대한민국 정보교육상

     

    저자 : 이대형

    2012년부터 미림마이스터고등학교에서 국어를 가르치며 AI 디지털 문해력 격차 해소에 깊은 관심을 두고 연구해 왔습니다. 숙명여자대학교 교육대학원 AI융합교육 전공 석사학위 우수논문상을 받았으며, 2025년 제19회 디지털교육연구대회 전국 1등급(교육부 장관상) 대표 수상을 포함해 교육부장관상 5회 등 총 20여 개의 상을 받았습니다. 저서로는 《요즘 교사를 위한 AI 디지털 수업 설계 가이드》, 《대한민국 교육 르네상스》 등이 있습니다. 교실 현장에서 실천적 연구를 바탕으로 디지털 교육 격차를 줄이고, 미래 교육의 혁신을 확산하는 가교 역할을 하고자 노력하고 있습니다.

     

    저자 : 윤신영

    (2025) <요즘 교사를 위한 AI 디지털 수업 설계 가이드> 공저

    (2024) 미래엔 우석교사상 베스트티처상

    (2024~2025) 티셀파 수업혁신연구대회 우수상

    (2023) <챗GPT 시대 교육, AI로 풀다> 공저

    (2022) 한국교육학술정보원(KERIS) 미래교육혁신을 위한 에듀테크 활용 사례 최우수상

     

    저자 : 김상섭

    대구대남초등학교 교사. T.R.I.P.O.D 네트워크 회장(2025·2026)으로, 2025 디지털기반교육혁신 유공 교육부장관 표창과 2023 에듀테크 소프트랩 우수 수업 사례 최우수 교육부장관상을 받았다.

    목차


    Part 01. 아이디어를 서비스로 전환하는 첫걸음

    1장 모든 아이디어는 교실에서 시작된다
    　01 혜심 선생님의 현실적인 고민
    　02 좋은 문제란 무엇일까?
    　03 문제를 기능으로, 생각 전환하기

    2장 브라우저에서 동작하는 나의 첫 프로그램
    　01 LLM으로 만드는 단일 파일 웹앱 프로그램
    　02 웹앱을 구성하는 요소 알아보기

    3장 AI와 함께 만드는 첫 웹 서비스, Lovable과 웹앱의 개념
    　01 글쓰기 데이터를 수집하는 방법
    　02 Lovable을 이용한 서비스 개발 맛보기
    　03 Lovable을 사용한 서비스 배포

    Part 02. 앱에 지식을 더하다

    4장 서비스는 혼자가 아니야, API 연동하기
    　01 구글 AI Studio로 시작하는 바이브 코딩
    　02 서비스들의 연결고리
    　03 오픈 API를 활용한 급식 조회 앱 만들기

    5장 눈과 귀, 생각을 가진 AI 웹앱 만들기
    　01 실시간 사물 인식 AI 영어 학습 앱 제작하기
    　02 AI 글쓰기 피드백 앱 만들기

    Part 03. 앱에 클라우드 기능을 심다

    6장 왜 데이터베이스가 필요할까요?
    　01 비전문가도 데이터베이스를 구축할 수 있다고?
    　02 Supabase를 활용한 To-Do 앱 만들기
    　03 허용된 사용자만 볼 수 있는 안전한 앱

    Part 04. 로컬 환경에서 진짜 개발자처럼 일하기

    7장 내 컴퓨터를 React 개발 서버로 만들기
    　01 Antigravity IDE 시작하기
    　02 로컬과 리모트(웹 서버)는 무엇이 다를까?
    　03 Node.js 설치와 개발 서버 실행하기
    　04 MCP로 Supabase 실시간 협업 보드 만들기

    8장 개발부터 배포까지, 내 손으로 완성하기
    　01 Git과 GitHub로 프로젝트 관리하기
    　02 GitHub와 Vercel로 자동 배포하기

    부록 A. 그 밖의 인공지능 도구들 - 내 컴퓨터 안의 AI 개발 작업실, Cursor
    부록 B. 터미널에서 일하는 CLI 기반 도구, Claude Code

    배송 시 유의사항

    - 반디앤루니스에서 구매하신 도서는 물류 대행 위탁업체 웅진 북센을 통해 배송됩니다.
     (배송 포장에 "웅진 북센"으로 표기될 수 있습니다.)

    - 구매한 상품의 품질과 배송 관련 문의는 반디앤루니스로 문의 바랍니다.

    - 천재지변 및 택배사의 사정에 따라 배송이 지연될 수 있습니다.

    - 결제(입금) 완료 후 출판사 및 유통사의 사정으로 품절 또는 절판 되어 상품 구입이 어려울 수 있습니다. (별도 안내 예정)

    - 도서산간지역의 경우 추가 배송비가 발생될 수 있습니다.

    반품/교환

    상품 설명에 반품/ 교환 관련한 안내가 있는 경우 그 내용을 우선으로 합니다. (업체 사정에 따라 달라질 수 있습니다)

    반품/교환

    반품/교환
    반품/교환 방법 홈 > 고객센터 > 자주찾는질문 “반품/교환/환불” 안내 참고 또는 1:1상담게시판
    반품/교환 가능 기간 반품,교환은 배송완료 후 7일 이내, 상품의 결함 및 계약내용과 다를 경우 문제발견 후 30일 이내에 신청가능
    반품/교환 비용 변심 혹은 구매착오의 경우에만 반송료 고객 부담(별도 지정 택배사 없음)
    반품/교환 불가 사유
    • 소비자의 책임 사유로 상품 등이 손실 또는 훼손된 경우
    • 소비자의 사용, 포장 개봉에 의해 상품 등의 가치가 현저히 감소한 경우
    • 복제가 가능한 상품 등의 포장을 훼손한 경우 : 예)만화책, 잡지, 화보집 등
    • 시간의 경과에 의해 재판매가 곤란한 정도로 가치가 현저히 감소한 경우
    • 전자상거래등에서의 소비자보호에 관한 법률이 정하는 소비자 청약철회 제한 내용에 해당되는 경우
    • 해외주문 상품(해외 원서)의 경우(파본/훼손/오발송 상품을 제외)
    소비자 피해보상
    환불지연에 따른 배상
    • 상품의 불량에 의한 반품, 교환, A/S, 환불, 품질보증 및 피해보상 등에 관한 사항은
      소비자 분쟁해결 기준(공정거래위원회고시)에 준하여 처리됨
    • 대금 환불 및 환불지연에 따른 배상금 지급 조건, 절차 등은 전자상거래 등에서의
      소비자 보호에 관한 법률에 따라 처리함
    반품/교환 주소 경기도 파주시 문발로 77, 웅진북센(반디앤루니스)
    • 회사명 : (주)서울문고
    • 대표이사 : 김홍구
    • 개인정보 보호책임자 : 김홍구
    • E-mail : bandi_cs@bnl.co.kr
    • 소재지 : (06168) 서울 강남구 삼성로 96길 6
    • 사업자 등록번호 : 120-81-02543
    • 통신판매업 신고번호 : 제2023-서울강남-03728호
    • 물류센터 : (10881) 경기도 파주시 문발로 77 반디앤루니스
    copyright (c) 2016 BANDI&LUNI'S All Rights Reserved