내 아이디어가 서비스가 되는 순간

바이브 코딩 실전 가이드북

 

과거 웹 서비스 개발은 파이썬, 자바스크립트, 자료구조, 알고리즘, 데이터베이스 등 수많은 기술의 장벽 앞에서 좌절하기 일쑤였다. 하지만 이 책은 ‘바이브 코딩’이라는 새로운 패러다임으로 기존의 장벽을 완전히 허문다. ‘바이브 코딩’이란, 복잡한 코드 대신 “이런 기능 만들어 줘”라고 AI에게 인간의 언어로 요청하고 함께 서비스를 완성해나가는 혁신적인 개발 방식이다.

 

이 책을 통해 ‘AI 여행 플래너’, ‘AI 코칭 뽀모도로 타이머’와 같은 실용적인 웹 서비스 34가지를 직접 만들며 AI와 협업하는 노하우를 체득하게 된다. 특히, 영수증 사진 한 장으로 가계부를 정리하거나, 흩어진 내 SNS 링크를 한 페이지에 모으는 등 일상 속 문제를 해결하는 자동화 시스템을 구축하는 과정은 이 책의 백미다. 나아가 책의 후반부에서는 기획서 작성부터 데이터베이스 설계, 실제 커뮤니티 사이트 개발 및 배포까지의 전 과정을 AI와 함께 단 2시간 만에 완성하는 경이로운 경험을 제공한다.

[목 차]

PART 00. 첫걸음 떼기-개발 환경 설정하기

PART 01. 딸깍! 나만의 첫 서비스 만들기

__CHAPTER 01 세상에서 가장 간단한 나만의 포트폴리오 홈페이지

__CHAPTER 02 5분 만에 만드는 나만의 웹 메모장

__CHAPTER 03 기억력 카드 게임

__CHAPTER 04 가위바위보 게임

__CHAPTER 05 Cosmic Defender 슈팅 게임

__CHAPTER 06 레트로 아틸러리 워즈

__CHAPTER 07 로드런너 게임

 

PART 02. 실용적인 웹 서비스 만들기

__CHAPTER 01 맞춤형 여행 플래너

__CHAPTER 02 업무 자동 체크리스트 생성기

__CHAPTER 03 집중력과 성과를 한번에 잡는 AI 코칭 뽀모도로 타이머

__CHAPTER 04 나만의 D-Day 카운터

__CHAPTER 05 디지털 습관 도장판

__CHAPTER 06 스마트 OKR 서비스

 

PART 03. 외부 정보와 함께 내 서비스 더욱 강력하게 만들기

__CHAPTER 01 Supabase로 만드는 독서 기록장

__CHAPTER 02 MCP 기능으로 독서 기록장 앱을 챌린지 앱으로 업그레이드

__CHAPTER 03 맞춤형 성격 분석 테스트기

__CHAPTER 04 내 마음을 읽는 바이브 다이어리

__CHAPTER 05 나만의 장소를 기록하는 디지털 아카이브

__CHAPTER 06 내 머릿속의 학습 파트너, 메모리 큐브

__CHAPTER 07 나만의 OTT 감상 아카이브

__CHAPTER 08 영수증 사진 한 장이면 끝, AI 가계부

 

PART 04. 업무와 일상을 바꾸는 12가지 AI 자동화 프로젝트

__CHAPTER 01 Streamlit으로 데이터 수집 자동화 첫걸음

__CHAPTER 02 흩어진 브런치 피드를 내 대시보드로 옮기기

__CHAPTER 03 구글 시트에 자동으로 쌓이는 AI 검색 비서

__CHAPTER 04 RSS와 노션을 연결하는 자동화 파이프라인

__CHAPTER 05 잠든 사이에도 일하는 AI 경제 애널리스트

__CHAPTER 06 Next.js로 구현하는 식단 기록 자동화

__CHAPTER 07 AI 이메일 비서가 구글 캘린더에 내 약속을 등록해 준다고?

__CHAPTER 08 AI로 내 모든 링크들을 한 페이지에 모으기

__CHAPTER 09 브라우저에 심는 최저가 쇼핑 스캐너

__CHAPTER 10 클릭 한 번으로 끝내는 웹사이트 자동 로그인

__CHAPTER 11 내 감정의 좌표, AI 음악 테라피스트

__CHAPTER 12 바코드 스캔부터 AI 책장 인식까지, 내 손으로 만드는 디지털 책장

 

PART 05. 클로드 코드로 커뮤니티 웹서비스 뚝딱 만들기

__CHAPTER 01 커뮤니티 프로젝트 - 바이브 코더를 위한 프로젝트 기획서 작성법

__CHAPTER 02 본격적인 개발 시작하기 - 개발 환경 구축

__CHAPTER 05 진짜 서비스로 완성하기 - 관리자 시스템과 서비스 배포

__CHAPTER 03 커뮤니티의 핵심 기능 구현하기 - 공지사항과 소통공간 시스템

__CHAPTER 04 더욱 매력적인 커뮤니티 만들기 - 투표 & 설문조사 시스템

 

PART 06. 공통 가이드

__GUIDE 01 Live Server 설치 및 실행 방법

__GUIDE 02 Vercel 배포 방법

__GUIDE 03 OpenAI의 API 키 발급하기

__GUIDE 04 Next.js 프로젝트 생성하기

__GUIDE 05 Supabase 회원 가입과 설정 방법

__GUIDE 06 Supabase 접속 토큰 만들기

__GUIDE 07 Supabase 프로젝트 ID 찾기

__GUIDE 08 Subabase MCP 설정하기

__GUIDE 09 Node.js 설치하기

__GUIDE 10 파이썬 설치 가이드

__GUIDE 11 노션 API 키 발급받기

__GUIDE 12 노션 MCP 서버 설치하기

__GUIDE 13 슬랙의 Incoming Webhook URL 발급받기

 

부록 바이브 코딩의 프롬프트 사용법

__부록A 기본 원칙: 명확하고 구체적으로

__부록B 코딩 초심자의 ‘바이브 코딩’ 난관 대처법

__부록C 에러를 해결하는 프롬프트 작성법