CHAPTER 01. 구글 AI 스튜디오

브라우저에서 시작하는 가장 쉬운 바이브 코딩

01 구글 AI 스튜디오 일단 시작하기
___프롬프트 몇 번 만에 홈페이지 뚝딱 만드는 방법
02 복불복 룰렛 게임
___HTML, CSS, JavaScript, 어려워 보이는 웹 서비스도 손쉽게 개발하는 방법
03 MBTI 성격 유형 테스트
___AI에게 보내는 상세 요청서, PRD로 서비스 구체화하는 방법
04 수제 쿠키 주문 사이트
___우리 가게 매출을 높여 주는 초간단 랜딩 페이지 만드는 방법
05 회사 & 브랜드 홈페이지
___비용 0원으로 반응형 홈페이지 제작하는 방법
06 AI 컬러링 북 메이커
___구글 스티치로 우리 아이 맞춤형 컬러링 북 만드는 방법
07 AI 프로필 사진관
___포토샵 없이도 상황에 꼭 맞는 프로필 사진으로 보정하는 방법
08 AI 동화 생성기
___사용자 시나리오로 웹 서비스의 퀄리티를 높이는 방법
09 순공 타이머
___로컬 스토리지로 데이터가 저장되는 웹 서비스 만드는 방법

CHAPTER 02 안티그래비티

내 컴퓨터에서 일하는 바이브 코딩 파트너

01 안티그래비티 일단 시작하기
___AI가 내 컴퓨터에서 코딩부터 실행까지 다 하게 만드는 방법
02 틀린그림찾기 게임
___어려워 보이는 Next.js 기반 웹 서비스도 손쉽게 개발하는 방법
03 AI 이력서 빌더
___인터넷에서 실제 URL로 접속하는 웹 서비스 만드는 방법
04 엑셀 지옥 탈출
___복잡한 엑셀 데이터를 한눈에 파악하는 대시보드로 만드는 방법
05 AI 면접관
___멀티턴 대화로 프롬프트의 맥락을 반영하는 방법
06 AI 드로잉 변환
AI 모델 플랫폼으로 웹 서비스의 확장성을 높이는 방법
07 AI 레시피 추천
___사진 한 장으로 냉장고 속 재료에 딱 맞는 레시피 추천받는 방법
08 AI 칼로리 다이어리
___데이터베이스로 기록이 남는 AI 서비스 만드는 방법
09 취향 밸런스 게임
___실시간으로 함께 즐기는 AI 서비스 만드는 방법

CHAPTER 03 클로드 코드

대화에서 협업으로 함께 완성하는 바이브 코딩

01 클로드 코드 데스크톱 일단 시작하기
___AI와 팀 프로젝트 협업하는 방법
02 결혼식 방명록
___데이터베이스 연결로 인터넷 공개 서비스 만드는 방법
03 AI 가계부
___다양한 라이브러리 조합으로 실용적인 AI 서비스 만드는 방법
04 점심 메뉴 추천 어시스턴트
___구글 맵 연결로 위치 기반 추천 서비스 만드는 방법
05 로또 당첨 번호 분석기
___웹 크롤링으로 데이터 자동 수집하는 방법
06 관심 주식 대시보드
___외부 API를 활용해 주식 데이터 불러오는 방법
07 AI 챗봇 상담원
___고객의 신뢰를 높이는 나만의 RAG 챗봇 만드는 방법

APPENDIX 코덱스 미리 보기

우주 슈팅 게임
___코덱스 바이브 코딩 일단 시작하는 방법

저자 : 임재희
KT IT 부문 UI/UX 기획팀장으로 재직 중이며, 현재 AI 에이전트 관련 UX 기획을 리딩하고 있다. 홍익대학교 미술대학에서 디자인을 전공했고, 《AX 인공지능 대전환》을 집필했다. 지적 호기심이 많아 최신 기술 동향을 탐구하던 중 바이브 코딩을 만났고, 개발자의 도움 없이 머릿속에 있는 아이디어를 직접 구현해 내는 즐거움에 빠져 있다. 그 경험을 더 많은 비개발자와 나누고자 이 책을 썼다.

저자 : 조효기
KT 전략실에서 전사 AX 협업 활성화와 지원 업무를 담당하고 있다. KAIST에서 전산학을 전공했고, 20년간 개발과 영업 관리, AI B2B 사업, 서비스 기획을 아우르는 경력을 쌓으며 사내 업무 전문가로 인정받았다. 지금은 비개발자 동료들에게 바이브 코딩과 AI 도구 활용 노하우를 전하고 있다.

저자 : 이정용
KT 전략실에서 AX 사업과 조직 간 협업 방향 수립을 지원하고 있다. 서강대학교에서 기술경영학을 전공했고, 사업 기획과 상품 개발 업무를 수행하며 AX 분야의 전문성을 다져 왔다. 《AX 인공지능 대전환》, 《사물인터넷 실천과 상상력》 등을 집필했다. 바이브 코딩을 경험하며 누구나 아이디어를 직접 구현할 수 있다는 가능성을 발견했고, 배움과 경험을 나누며 함께 성장해 가고 있다.

바이브 코딩, 이제 ‘만들고 싶은 마음’이면 충분합니다.
클로드 코드, 구글 AI 스튜디오, 안티그래비티, 코덱스로 풀어낸 진짜 바이브 코딩 활용법

“이런 서비스가 있으면 참 좋을 텐데.” 한번쯤 이런 생각을 해봤지만 코딩은 1도 몰라 포기한 적이 있다면? 이제는 AI와 함께 직접 만들어 볼 수 있습니다. 바이브 코딩은 원하는 것을 말로 설명하고, AI가 코드를 작성하면 결과를 확인하면서 서비스를 완성해 가는 새로운 개발 방식입니다. 이 책은 어려운 코딩 문법을 공부하는 대신, 흥미로운 서비스를 내 손으로 직접 만들어 보면서 바이브 코딩에 필요한 개념을 자연스럽게 익히는 방식으로 구성되어 있습니다.

복붙하기만 하면 지금 바로 쓸 수 있는
일상 맞춤형 실전 프롬프트 26가지

처음부터 복잡한 서비스를 만들지 않습니다. 간단한 홈페이지와 복불복 룰렛 게임부터 MBTI 테스트, 쿠키 주문 페이지, 반응형 홈페이지까지 26가지 실전 프로젝트에 바로 활용할 수 있는 프롬프트를 따라 하며 바이브 코딩의 기본 흐름을 익힙니다. 이후 데이터 저장, 데이터베이스, 외부 API 연동, AI 모델, 웹 크롤링, 실시간 기능, RAG 챗봇 등으로 범위를 넓혀 실제 서비스에 가까운 프로젝트까지 단계적으로 경험합니다. 처음에는 어렵게 느껴지는 개념도 점심 메뉴 추천 어시스턴트, 로또 당첨 번호 분석기처럼 흥미롭고 다양한 서비스를 직접 완성해 보는 과정과 함께하면 훨씬 쉽고 재미있게 배울 수 있습니다.

각 실습에는 그대로 복사해 입력할 수 있는 프롬프트를 담았습니다. 프롬프트를 입력하는 데 그치지 않고, AI에게 기능을 설명하고 → 결과를 확인하고 → 문제를 해결하고 → 새로운 기능을 요청하는 과정을 반복하며, 프롬프트를 활용해 서비스를 완성하고 발전시키는 방법을 자연스럽게 익혀 보세요.

4가지 AI 도구로 익히는 단계별 바이브 코딩

CHAPTER 01. 구글 AI 스튜디오

바이브 코딩의 기본 흐름을 가장 쉽게 익힐 수 있습니다. 설치 없이 브라우저에서 시작해 홈페이지, 게임, AI 서비스 등을 만들고 깃허브를 통한 배포까지 경험합니다.

CHAPTER 02. 안티그래비티

내 컴퓨터에서 AI가 코드를 작성하고 실행하는 프로젝트 단위의 개발을 시작합니다. 데이터베이스와 API를 연결하며 실제 웹 서비스가 만들어지는 과정을 경험합니다.

CHAPTER 03. 클로드 코드

AI 코딩 에이전트와 함께 프로젝트를 발전시키며 외부 API, 웹 크롤링, 실시간 데이터, RAG 챗봇 등 한층 실제 서비스에 가까운 기능을 단계적으로 익힙니다.

APPENDIX. 코덱스

또 다른 AI 코딩 에이전트인 코덱스를 활용해 우주 슈팅 게임을 만들어 봅니다. 앞에서 익힌 바이브 코딩 방식을 새로운 도구에 적용하며 책의 실습을 마무리합니다.