Do it! 바이브 코딩 + 안티그래비티

바이브 코딩을 시작하고 싶은데 매번 실패해요
AI에게 어떻게 말해야 바라던 결과가 나오나요?
요청이 분명하지 않으면 결과도 모호할 수 있습니다. "앱 만들어 줘.", "서비스 만들어 줘."처럼 단순하게 말하면 AI는 방향을 추측해야 하기 때문에 자신이 의도하지 않은 결과를 출력하기 쉽습니다. 이 책은 AI에게 자신이 바라는 결과를 얻어 내는 프롬프트 설계법부터 시작합니다. 'ROCK 법칙'을 활용해 역할 부여(Role), 목표 설정(Object), 맥락 제공(Condition), 핵심 제약 조건(Knowledge)에 맞춰 말하는 법을 익히면, 개발 지식이 없어도 사용자가 목표한 방향으로 AI가 정확하게 움직이도록 할 수 있습니다. 특히 제미나이에 기반한 안티그래비티는 무료로 쓸 수 있는 범위가 넓고 여러 AI 모델을 나란히 비교해 가며 사용할 수 있어서 바이브 코딩을 처음 시작하는 분들에게 적합합니다.


게임, 생산성 도구, 풀스택 서비스 등
바이브 코딩으로 실제 서비스도 만들 수 있나요?
바이브 코딩을 활용하면 단순히 화면만 구성하는 것을 넘어 실제로 사용할 수 있는 서비스까지 구현할 수 있습니다. 이 책에서는 다음 4가지 서비스를 직접 만들어 보며 기능 구현부터 사용자 인터페이스 구성, 데이터 처리까지 전 과정을 경험합니다.

- 게임 개발: 이미지 생성형 AI인 나노 바나나와 협업해 나만의 게임 완성
- 생산성 도구 개발: 1초 만에 폴더를 정리하는 생산성 도구 제작
- 심리 테스트 콘텐츠 개발: 요즘 유행하는 MBTI 기반 마케팅 콘텐츠 구현
- 풀스택 웹앱 개발: 서버와 데이터베이스까지 연결하는 진짜 풀스택 앱 개발
웹이 어떻게 돌아가는지 몰라도, 서버가 뭔지 몰라도 괜찮습니다. 웹 구조 설계법부터 AI와 함께 사용하기 좋은 기술 스택인 VRTS, 서비스 배포까지 처음 보는 개념도 쉽게 이해할 수 있도록 친절하게 설명합니다. 책 속 〈한 걸음 더!〉 코너로 놓치기 쉬운 개발 상식을 채우고, 부록의 MCP 활용법으로 AI 활용 능력까지 한 단계 끌어올리면 '나만의 서비스를 만들 수 있다'는 자신감이 생깁니다.


바이브 코딩 + 안티그래비티 입문서,
어떤 사람에게 적합한가요?
혼자서도 바이브 코딩으로 서비스를 만들어 보고 싶은 1인 창업자AI를 실무 도구로 활용해 생산성을 높이고 싶은 기획자와 마케터실무에 바로 적용할 수 있도록 AI 개발 역량을 키우고 싶은 개발자

혼자서도 끝까지 완주할 수 있을까요?
처음 시작하는 분도 막히지 않도록 15일 학습 계획표와 5일 학습 계획표를 제공합니다. 초보자라면 15일 동안 차근차근 배우고, 바이브 코딩 경험이 있다면 5일 동안 핵심만 빠르게 익혀 보세요. 실력에 따라 계획을 세워 공부하고 나면 안티그래비티와 바이브 코딩이 무엇인지 이해하고, 자신이 의도한 대로 맞춤형 서비스를 만들 수 있을 거예요!
이 책에서 사용하는 프롬프트와 결과 코드를 준비했으니 이지스퍼블리싱 홈페이지나 저자 깃허브에서 내려받으세요. 자신이 직접 작성한 프롬프트와 비교하며 공부하면 학습 효과를 거둘 수 있을 거예요!
이지스퍼블리싱 홈페이지 | www.easyspub.co.kr → [자료실] → 도서명으로 검색 저자 깃허브 | https://github.com/rollcake86/doit_antigravity_book

혼자 공부하다가 막히면 어떡하죠?
혼자 계획을 세우고 공부하다 보면 금방 지치기 마련입니다. 'Do it! 스터디룸'의 공부단에 접속해서 이 책 완독에 도전해 보세요. 함께 공부하는 사람들도 만나고, 공부하는 내용을 올려 공유하고 인증하면 이지스퍼블리싱에서 출간한 책 선물도 받을 수 있습니다. 또한 어려운 내용이 있다면 'Do it! 스터디룸' 게시판에 질문을 남겨 보세요. 전문가와 저자가 명쾌하게 해결해 드립니다.
만약 안티그래비티에 관해 더 자세히 알고 싶거나 업데이트 소식이 궁금하다면 저자가 직접 운영하는 오픈 채팅방에도 참여해 보세요. 질문을 남기면 답변도 받을 수 있습니다.
Do it! 스터디룸: cafe.naver.com/doitstudyroom 카카오톡 오픈 채팅방: open.kakao.com/o/gMOX8Hti

첫째마당 AI를 활용한 개발에 적응하기

_1장 안티그래비티와 프롬프트 기초
__1-1 AI 에이전트 시대와 안티그래비티
___챗봇을 넘어 AI 에이전트로 진화하는 생성형 AI
___AI 에이전트와 바이브 코딩
___안티그래비티란?
___과거의 AI 도구와 안티그래비티의 차이

__1-2 안티그래비티의 구조와 핵심 요소
___안티그래비티의 작동 방식
___안티그래비티의 아티팩트
___안티그래비티의 아키텍처
___안티그래비티의 요금제와 토큰

__1-3 원하는 결과를 만드는 프롬프트 설계법
___프롬프트를 작성하는 ROCK 법칙
___ROCK 법칙을 활용한 프롬프트 작성법
___마일스톤과 완료 조건 설정하기
___효율적인 작업을 위한 3단계 안전장치

_2장 안티그래비티 시작하기
__2-1 안티그래비티 설치하고 설정하기
___[Do it! 실습] 안티그래비티 설치하기
___[Do it! 실습] 안티그래비티 설정하기

__2-2 안티그래비티 인터페이스 살펴보기
___안티그래비티의 화면 구성
___[Do it! 실습] 안티그래비티에 간단한 질문하기

__2-3 안티그래비티로 바이브 코딩하기
___안전하게 바이브 코딩 활용하기
___[Do it! 실습] 바이브 코딩으로 타이머 프로그램 만들기
___[Do it! 실습] 인라인 명령어와 코멘트 기능으로 특정 부분 수정하기

_3장 안티그래비티 실전 활용법
__3-1 안티그래비티에 맥락 전달하기
___[Do it! 실습] @멘션으로 AI 에이전트에게 정보 제공하기
___[Do it! 실습] @멘션의 다양한 참조 메뉴 사용하기

__3-2 안티그래비티와 협업하기
___[Do it! 실습] 규칙 설정해서 AI 에이전트에게 협업 기본기 알려 주기
___규칙 설정 시 주의 사항
___[Do it! 실습] 인덱스 레퍼런스로 AI 에이전트의 환각 현상 줄이기

둘째마당 안티그래비티로 간단한 프로그램 만들기

_4장 레트로 게임 만들기
__4-1 프로젝트 기획하고 기본 골격 만들기
___[Do it! 실습] 기획자 에이전트로 게임 요구 사항 정의하기
___[Do it! 실습] 개발자 에이전트로 MVP 모델 개발하기
___[Do it! 실습] 코드 설명 요청하고 수정하기

__4-2 나노 바나나로 게임 이미지 생성하기
___[Do it! 실습] 디자이너 에이전트로 게임 스프라이트 생성하기
___[Do it! 실습] 생성된 이미지를 프로젝트 폴더에 정리하기
___[Do it! 실습] 개발자 에이전트에게 이미지 적용 요청하기

__4-3 디버깅하고 게임 완성하기
___[Do it! 실습] 디버깅하고 최종 테스트하기
___[Do it! 실습] 효과음과 랭킹 시스템 추가하고 실행 파일 만들기

_5장 자동화 도구를 만들어 생산성 향상하기
__5-1 1초 만에 폴더를 정리하는 자동화 도구 만들기
___폴더 정리 자동화 도구 기획하기
___[Do it! 실습] 안티그래비티로 자동화 도구 구현하기

__5-2 자동화 도구 실행하고 업그레이드하기
___[Do it! 실습] 터미널에서 자동화 도구 실행하기
___[Do it! 실습] 로그를 남기도록 기능 업그레이드하기
___[Do it! 실습] 제미나이 API를 활용해서 업무별로 폴더 정리하기

셋째마당 안티그래비티로 완성하는 실전 서비스 개발

_6장 웹 서비스 개발의 기초 이해하기
__6-1 안티그래비티가 이해하는 웹 구조 만들기
___프런트엔드와 백엔드의 역할
___프런트엔드와 백엔드의 소통 방식
___안티그래비티에서 역할 구분하기

__6-2 최신 웹 트렌드 이해하기
___레거시 코드를 막는 프롬프트
___최신 웹 개발 트렌드
___AI 시대에 맞는 초경량 기술 스택, VRTS

__6-3 비동기 개발과 멀티세션 전략 이해하기
___비동기 방식과 컨텍스트 스위칭
___컨텍스트 오염과 멀티세션 전략
___[Do it! 실습] 멀티세션 활용해 로그인 기능 만들기
___Diff 뷰어와 코드 체크리스트

_7장 나만의 개발자 성향 테스트 만들기
__7-1 기획자 에이전트로 콘텐츠 기획하고 생성하기
___개발자 성향 테스트 서비스 미리 보기
___[Do it! 실습] 안티그래비티와 개발자 성향 테스트 기획하기
___[Do it! 실습] 화면 흐름 설계하기

__7-2 디자인 가이드 시스템 작성하기
___[Do it! 실습] Shadcn/ui 라이브러리로 디자인 가이드 시스템 구축하기
___[Do it! 실습] 접근성을 위해 UI/UX 추가하기

__7-3 UI 구현하고 화면 테스트하기
___[Do it! 실습] Shadcn/ui 라이브러리 사용해 프로젝트 테마 구성하기
___[Do it! 실습] 애니메이션 효과 추가하기

__7-4 메인 페이지 만들고 로직 연결하기
___[Do it! 실습] 화면 흐름에 따라 실제 화면 구현하기
___[Do it! 실습] 직접 테스트하며 오류 수정하기
___[Do it! 실습] 상태 관리를 이용해 점수 계산하고 결과 도출 로직 이해하기
___[Do it! 실습] 외부 API를 활용해 SNS 공유 기능 구현하기

_8장 디지털 롤링페이퍼 서비스 구현하기
__8-1 서버 없이 백엔드 완성하기
___디지털 롤링페이퍼 서비스 미리 보기
___백엔드 인프라와 서버리스
___[Do it! 실습] 클릭 몇 번으로 수파베이스 프로젝트 생성하기
___[Do it! 실습] 테이블 설계도 그리고 테이블 완성하기
___[Do it! 실습] API를 활용해 데이터베이스에 데이터 저장하기

__8-2 실시간으로 소통하는 인터랙티브 보드 만들기
___[Do it! 실습] 회원 가입과 카카오 로그인 페이지 만들기
___[Do it! 실습] 보드 생성과 포스트잇 작성, 조회 기능 구현하기
___[Do it! 실습] 드래그 & 드롭 구현하고 좌표 저장하기
___[Do it! 실습] 친구가 쓴 글이 실시간으로 나타나게 하기

__8-3 전 세계에 서비스 런칭하기
___[Do it! 실습] 깃 저장소 만들고 코드 업로드하기
___[Do it! 실습] 버셀과 깃허브를 연동하여 웹 사이트로 배포하기
___[Do it! 실습] 서비스 배포 후 발생하는 버그 해결하기
___[Do it! 실습] 앱으로 만들어서 배포하기

부록 AI를 외부 세상과 연결해 주는 MCP 활용법

조준수 컴퓨터공학과를 졸업한 뒤, 모바일 앱 개발의 열정을 이어 왔다. 헬스케어, 보안, 엔터테인먼트 등 다양한 분야에서 쌓은 경험을 바탕으로, 현재 한화손해보험에서 네이티브 파트장으로 안드로이드와 iOS 앱 개발을 담당하며 보험과 연계할 수 있는 신규 서비스를 기획·개발하고 있다. 새로운 기술을 적용해 보고 공유하는 것을 즐겨 시간이 날 때마다 스택오버플로에서 개발 이슈에 답변을 달고 있다. 최근에는 AI 에이전트와 바이브 코딩을 활용한 새로운 개발 방식에 주목하며, 누구나 더 빠르고 효율적으로 서비스를 만들 수 있도록 방법을 연구하고 있다.

대표 저서
· 《Do it! 플러터로 앱 개발 & 출시하기 - 개정판》 (이지스퍼블리싱, 2025)
· 《Do it! 플러터 앱 프로그래밍》 (이지스퍼블리싱, 2021)