Do it! 바이브 코딩 + 안티그래비티 (구글 AI+제미나이+나노 바나나+수파베이스+버셀+MCP)

조준수

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

바이브코딩을시작하고싶은데매번실패해요
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

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