안티그래비티 바이브 코딩 입문 (10일간의 탄탄한 기능 구현과 4일 만에 마스터하는 프로의 기획과 설계 전략)

안티그래비티 바이브 코딩 입문 (10일간의 탄탄한 기능 구현과 4일 만에 마스터하는 프로의 기획과 설계 전략)

$25.00
Description
입문자가 단 10일 만에 안티그래비티(Antigravity)를 활용하여 환경 구축부터 실시간 채팅 및 AI 감정 일기 배포까지 바이브 코딩(Vibe Coding)의 전 과정을 직접 따라하며 배울 수 있다. 특히 보너스 데이를 통해 기획서(PRD)와 UI 명세서 등 핵심 설계 문서 작성법을 익혀 코딩 없이도 서비스 전체를 한 방에 완성하는 프로의 워크플로우까지 알차게 구성하였다.
또한 Vercel과 Supabase의 무료 플랜을 활용해 비용 부담 없이 전세계 누구나 접속 가능한 ‘진짜 서비스’를 0원에 운영하는 실전 노하우를 배우게 되며, 이 과정을 통해 단순히 아이디어를 내는 단계에서 벗어나 문제를 구체적인 설계로 분해하고 AI를 동료 삼아 현실로 만들어내는 ‘창작자’라는 새로운 정체성을 갖게 될 것이다.

_대상 독자

_코딩 입문자 또는 비전공자
복잡한 기계의 언어를 배우는 대신, 나의 생각(Vibe)을 AI와 대화하며 실제 서비스로 구현해보고 싶은 분
_아이디어는 있지만 구현이 막막한 기획자·디자이너·마케터
외주 비용이나 개발팀의 일정에 구애받지 않고, 직접 PRD와 UI 명세를 작성하여 단 10일 만에 제품을 런칭하고 싶은 분
_AI 조수를 실무에 제대로 활용하고 싶은 분
단순히 코드 한 줄을 생성하는 수준을 넘어, 프로젝트 설계부터 환경 변수 관리, 에러 핸들링까지 전 과정을 AI와 협업하고 싶은 분
_웹 서비스의 전체 구조를 실전으로 익히고 싶은 분
프론트엔드와 백엔드의 분리, 실시간 DB(Supabase), 서버리스 함수, 클라우드 스토리지 연동 등 현대적인 개발 아키텍처를 경험하고 싶은 분
_내 서비스를 전 세계에 무료로 배포하고 싶은 1인 창작자
Vercel과 Supabase의 무료 플랜을 활용해 0원으로 서비스를 운영하며, 세상에 단 하나뿐인 나만의 결과물을 공개하고 싶은 분

이 책은 특정 도구의 사용법을 넘어, 문제를 정의하고 해결책을 설계하는 창작자의 사고방식을 다룹니다. 여기서 배우는 '바이브 코딩' 워크플로우는 모든 종류의 웹 및 모바일 서비스 개발에 그대로 적용할 수 있는 강력한 무기가 될 것입니다.
저자

박규하

"기술은혼자빛나지않는다.비즈니스와만날때비로소가치가된다."

뷰컴즈의CAIO(ChiefAIOfficer)이자코파운더.글링팀장으로합류해기술로비즈니스가치를증명한끝에,코파운더로서회사의AI전략전체를이끌게되었다.

웹소설플랫폼글링(gling.co.kr)에AI집필도우미'글로미'를기획·개발하며창작자들이AI와함께이야기를만들어갈수있는환경을구축했다.AI채팅기반시뮬레이션서비스타닥(tadak.ai)에서는CESC(ContextEnabledSemanticCache)를적용해서사와이미지를맥락에맞게LLM에제공하는컨텍스트엔지니어링을리드했다.

시놉시스에서웹소설,웹툰,영상까지아우르는일관된크리에이터경험을설계하며,'기술로비즈니스가치를만드는것'이무엇인지매일현장에서증명하고있다.

저서로《추천알고리즘의과학》이있다.

목차

추천사.이책을읽고추천한분들의목소리
프롤로그.오늘부터나는창작자

DAY0내생애첫제품개발,실패없이시작하기

STEP1.안티그래비티설치:나만의공방만들기
STEP2.바이브코딩맛보기:첫번째아이디어창작하기
STEP3.Vercel에배포:세상에공개하기

DAY1내손으로첫기능만들기

STEP1.문장변경하기기능추가:콘텐츠에의도담기
STEP2.버튼만들기:상호작용의첫걸음
STEP3.변경사항을세상에다시공개하기

DAY2있어보이는화면,10분만에뚝딱

STEP1.작업파일준비:DAY1에서이어서시작하기
STEP2.레이아웃구조만들기:헤더/본문/푸터
STEP3.색상과폰트로분위기통일하기
STEP4.반응형기본적용하기
STEP5.변경사항저장및공개확인

DAY3세상의데이터를내것으로만들기

STEP1.투표화면과구글시트준비하기
STEP2.내앱에서구글시트읽고/쓰기연결하기

DAY4조건문으로똑똑하게만들기

STEP1.MBTI테스트의기본구조설계하기
STEP2.테스트화면만들기
STEP3.조건문으로결과계산하고보여주기

DAY5내서비스에AI비서붙이기

STEP1.AI감정일기장준비하기
STEP2.목소리로일기쓰기(WebSpeechAPI)
STEP3.외부세계의뇌,GeminiAPI연결하기
STEP4.대화내용기억하기(LocalStorage)

DAY6서버리스로한단계업그레이드

STEP1.왜서버리스가필요한가요?
STEP2.Vercel로나만의API만들기
STEP3.클라우드에데이터저장하기

DAY7진짜서비스의시작:사용자인증

STEP1.Vercel마켓플레이스에서Supabase연결하기
STEP2.Antigravity에Supabase클라이언트설정하기
STEP3.로그인과회원가입기능구현하기
STEP4.사용자별데이터분리하기

DAY8실시간데이터베이스연동

STEP1.메시지를담을테이블만들기
STEP2.데이터접근규칙,RLS정책설정하기
STEP3.실시간채팅기능구현하기

DAY9파일업로드와스토리지

STEP1.파일을담을공간,버킷만들기
STEP2.프로필사진업로드기능구현하기
STEP3.채팅에이미지첨부하기

BONUSDAY1전문가처럼기획하기:AI와함께하는기획의기술

STEP1.아이디어를구체화하는AI인터뷰
STEP2.PRD(제품요구사항문서)작성하기

BONUSDAY2화면을글로설계하기:텍스트기반UI명세

BONUSDAY3설계도완성하기:기술스택과배포파이프라인

STEP1.기술스택결정하기
STEP2.작업계획수립하기
STEP3.배포준비:GitHub계정만들기

BONUSDAY4한방에완성하기:설계문서의힘

STEP1.프롬프트조립하기
STEP2.결과확인하고보완하기
STEP3.배포파이프라인구축하고세상에공개하기
STEP4.당신만의프로젝트에적용하기

APPENDIX1~4.
에필로그.당신은이미창작자입니다

출판사 서평

"코딩의시대는가고,바이브의시대가왔다"

아이디어가현실이되는가장직관적인방법
"이제기계의언어를배우지마세요.기계가우리의언어를배우기시작했습니다."
단10일,안티그래비티와함께라면당신의'바이브(Vibe)'가곧'코드(Code)'가됩니다.


[이책이제시하는3가지파격적인변화]
첫째,10일만에완성하는풀스택서비스런칭
환경구축(DAY0)부터시작해실시간채팅,AI감정분석,사진업로드기능까지갖춘'진짜서비스'를직접배포합니다.

둘째,0원으로운영하는글로벌인프라활용법
Vercel과Supabase의무료플랜을활용해서버비용걱정없이전세계누구나접속가능한서비스를런칭하고관리하는노하우를공개합니다.

셋째,기획서한장으로완성하는'프로의워크플로우'
단순히기능을따라만드는것을넘어,PRD(제품요구사항문서)와UI명세설계만으로서비스전체를한방에뽑아내는전문가급기술을전수합니다.


[바이브코딩입문자를위한실전프로젝트라인업]

[초급]
MBTI성격유형테스트:조건문을활용해상황에따라판단하는'지능적서비스'구현
[중급]
AI감정일기:GoogleGeminiAPI를연결해사용자의음성과글에서감정을분석하는AI비서탑재
[고급]
실시간채팅&이미지공유:Supabase를활용한실시간데이터베이스연동과안전한파일스토리지구축
[마스터]
스마트포트폴리오:나만의데이터를학습시켜방문자에게응답하는RAG기반AI챗봇서비스

[이런분들께이책을권합니다!]
기획자·디자이너·마케터:"내아이디어를구현해줄개발자를기다리다지친분들"
1인창업가·프리랜서:"외주비용3,000만원없이혼자서제품을런칭하고싶은분들"
코딩포기자:"복잡한문법대신AI와대화하며결과물을바로확인하고싶은분들"