바이브 코딩

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 에러를 해결하는 프롬프트 작성법