바이브 코딩, 좋다고는 하는데 어디서 시작해야 할지 감이 안 온다면?
사랑받는 서비스의 핵심을 뜯어보고 내것으로 재탄생시킨다!
일상 밀착 프로젝트로 배우는 진짜 바이브 코딩

이 책은 단순히 AI 코딩 도구를 마스터하기 위한 기능 매뉴얼이 아닙니다. 바이브 코딩이 뭔지, AI가 어떻게 코딩을 하는지 구구절절 개념을 설명하는 이론서도 아닙니다. 여러분은 이 책을 통해 총 3가지 프로젝트를 직접 실습하게 됩니다. 이 과정을 통해 자연스럽게 안티그래비티 2.0이라는 최신 도구를 습득하고, 어디선가 한 번쯤 써 봤을 법한 서비스들의 핵심 기능을 분해하면서 서비스를 보는 눈을 기릅니다. 즉, 어떤 걸 만들어야 할지 고민할 필요조차 없다는 뜻입니다. 마지막으로 완주까지 가는 길목에서 바이브 코더에게 꼭 필요한 개념들을 하나씩 습득하게 됩니다. 이때 곁들일 개념들이 API, MCP, 스킬 그리고 하네스 엔지니어링입니다. 가까이 하기엔 멀게 느껴지던 개념들을 곁에 두면 얼마나 편리한지, 세상 쉽게 알려드릴 준비가 되어 있습니다. 일단 시작하러 오세요.

· 연중무휴 IT/AI 뉴식 배달 중! 카카오 오픈 채팅방 운영
· 안티그래비티 2.0 최신 메뉴 가이드 수록
· 전 실습 무료 강의 제공

[목 차]

Chapter 00 시작하는 바이브 코더들을 위한 이 책 사용법

_바이브 코딩이란
__AI와 바이브 코딩이 불러온 대변환
__바이브 코더에게 필요한 3가지 역량
__AI가 만든 코드, 믿어도 될까
_“그래서 뭘 만들죠?” 서비스를 보는 눈을 키우는 3가지 클론 바이브 코딩
__나의 작은 포트폴리오 페이지, 리틀리
__최저가 알림 앱, 폴센트
__동네 생활 플랫폼, 당근
__클론 바이브 코딩의 장점
_이 책 사용법
__이런 분께 추천해요
__무료 강의와 함께하세요
__준비물은 이게 다예요
__‘클리커’로 어서 오세요!
__‘클리커’가 추천하는 ‘이럴 때 이런 책!’
_이 책이 데려다주는 곳, 그 너머

Part 01 바이브 코딩할 결심! ‘안티그래비티’라는 AI 팀원 고용하기

Chapter 01 어떤 AI 팀원을 고용할까?

_AI로 코딩하는 도구들 둘러보기
__AI 코딩 도구의 3가지 분류
__그래서 안티그래비티 2.0이어야 하는 이유
_안티그래비티와 친해지기
__안티그래비티의 4가지 표면
__안티그래비티 2.0이 되기까지
__AI가 일하는 새로운 방식, 에이전트
__안티그래비티를 떠받치는 핵심 기능
__안티그래비티 무료 VS 유료

Chapter 02 안티그래비티 2.0과 첫 만남

_안티그래비티 2.0 시작하기
__안티그래비티 2.0 설치하기
__설정 창 탐색하기
_웰컴! 첫 방문 기념 웰컴 페이지 만들기
__프로젝트 생성 및 설정하기
__첫 프롬프트 입력하기
_아티팩트 살펴보기
__진행 상황을 한눈에 보기
__AI가 쓴 코드 확인하기
__AI가 만든 파일 확인하기
__아티팩트에 코멘트 남기기
_프로젝트 & 채팅 창 관리하기
__프로젝트에 새 채팅 창 만들기
__프로젝트 설정하기
__프로젝트 삭제하기
__채팅 창 상단에 고정하기
__채팅 보관하기
__채팅 창 이름 변경 및 삭제하기
_알아 두면 손이 편해지는 소소한 꿀팁
__단축키
__슬래시 명령어
__음성 입력

Part 02 첫 번째 프로젝트, 나만의 링크 모음 페이지 with 스킬

Chapter 03 핵심 기능 구현하기

_무엇을 만들지 정하기
__링크 모음 페이지 리틀리
__핵심 기능 추리기
__완성 과정을 잘게 쪼개기
_1단계 프롬프트 한 줄로 뼈대 세우기
__새 프로젝트 만들기
__링크 모음 페이지 만들기
_2단계 피드백으로 개선하기
__대표 이미지 수정하기
__줄바꿈 수정하기
_3단계 기능 더하기
__팝업 창 추가하기
__링크 추가하기
_4단계 디자인 다듬기
__색감 바꾸기

Chapter 04 프로젝트 스킬 만들고 사용하기

_스킬이란
__프롬프트와 스킬의 차이
__스킬 파일 동작 방식 이해하기
__남이 만든 스킬 가져다 쓰기
_프로젝트 스킬 만들기
__슬래시 명령어로 스킬 만들기
__프롬프트로 스킬 만들기
_스킬 적용해보기
__어딘가 익숙한 새 링크 모음 페이지 만들기

Part 03 두 번째 프로젝트, 최저가 알림 봇 with 스킬, 하네스, API

Chapter 05 최저가 추적 봇 만들기

_무엇을 만들지 정하기
__가격 알림 서비스 폴센트
__핵심 기능 추리기
__완성 과정을 잘게 쪼개기
_1단계 외부 스킬 확인하기
__새 프로젝트 만들기
__외부 스킬 사용하기
_2단계 스스로 검증하는 봇 만들기
__최저가 추적 봇 만들기
__하네스로 스스로 검증하는 봇 만들기

Chapter 06 알아서 도는 든든한 봇 완성하기

_API란
__API의 작동 방식과 유형
__API 키와 보안
_카카오 인증 키 준비하기
__카카오 앱 만들고 인증 키 받기
_카카오톡으로 데이터 받기
__카카오톡 알림 기능 추가하기
_매일 자동으로 실행되는 봇 만들기
__깃허브 저장소 만들기
__깃허브 비밀 저장소 설정하기
__깃허브에 업로드하기

Part 04 세 번째 프로젝트, 중고 거래 서비스 with 멀티 에이전트, MCP, 배포

Chapter 07 멀티 에이전트로 한 번에 여러 화면 만들기

_무엇을 만들지 정하기
__동네 생활 플랫폼 당근
__핵심 기능 추리기
__완성 과정을 잘게 쪼개기
_1단계 여러 팀원에게 동시에 화면 맡기기
__새 프로젝트 만들기
__세 화면 한꺼번에 만들기
_2단계 피드백으로 개선하기
__전체 톤 수정하기
__페이지별 수정하기

Chapter 08 수파베이스 MCP로 데이터 창고 연결하기

_화면 뒤에 창고가 필요한 이유
__백엔드 환경을 통째로 렌트하는 법, 수파베이스
__MCP란
_수파베이스 준비하기
_MCP로 데이터베이스 관리하기
__수파베이스 MCP 연결하기
__AI로 데이터베이스 구축하기

Chapter 09 로그인 및 배포로 사람이 오가는 커뮤니티 완성하기

_수파베이스의 Auth로 로그인 기능 추가하기
__데이터베이스 확인하기
__화면에 로그인 창 달기
__게시글 관리 기능 추가하기

_세상에 공개하기, 배포
__깃허브 연결하기
__버셀로 배포하기
__배포 후 수정하기