1부 바이브 코딩 이해
1장 바이브 코딩이란
1.1 바이브 코딩 이해
1.2 바이브 코딩 연습
1.3 바이브 코딩 도구 둘러보기

2장 웹/앱 서비스는 어떻게 작동할까?
2.1 웹/앱 서비스의 구조 이해
2.2 프런트엔드 핵심 키워드
2.3 백엔드와 데이터베이스

2부 바이브 코딩 실습 준비
3장 개발 환경 준비
3.1 사전 준비: 필요한 계정
3.2 파이썬 설치
3.3 Node.js 설치
3.4 깃 설치
3.5 깃허브 CLI 설치
3.6 커서 설치

4장 커서 AI 살펴보기
4.1 커서 실행 및 로그인
4.2 초기 설정
4.3 커서 UI 구성
4.4 최신 AI 모델 설정 가이드

3부 나의 첫 바이브 코딩 프로젝트
5장 AI와 함께 만드는 나만의 웹 명함
5.1 미니 프로젝트 1: 나만의 웹 명함 만들기
5.2 미니 프로젝트 2: 웹 명함 공유를 위한 깃허브(GitHub) 연동

4부 바이브 코딩 실전
6장 바이브 코딩 스킬업: Plan으로 체계 잡기
6.1 바이브 코딩의 작업 방식: Say → Run → See
6.2 투두리스트 개발 전체 과정 예시
6.3 복잡한 서비스의 한계점
6.4 커서의 Plan 모드란
6.5 Plan 모드 사용 방법

5부 Plan 적용 프로젝트: 나만의 브랜딩 사이트
7장 개인 브랜딩 사이트 만들기
7.1 Plan 모드로 프로젝트 계획 세우기
7.2 개인 브랜딩 사이트 만들기
7.3 커피챗 기능 추가
7.4 깃허브 페이지로 배포

특별코너 저자와 편집자가 마주한 11가지 에러 상황
01 커서 채팅창에 편하게 물어보세요
02 [환경] 노드, 깃허브 CLI 명령어를 실행할 수 없는 에러
03 [환경] 명령 프롬프트 / 파워셸 권한 문제
04 [환경] 설치 과정에서 멈춘 것처럼 보인다면?
05 요청한 대로 수정이 잘되지 않을 경우
06 [웹 브라우저] 커서가 알려 준 URL로 접속했는데 웹 사이트로 연결할 수 없다면?
07 [웹 브라우저] 빈 화면이 나온다면?
08 [웹 브라우저] 화면에 에러가 나온다면?
09 [웹 브라우저] 화면은 나오나 원하는 대로 작동하지 않는다면?
10 [LLM] 제미나이 관련 에러 메시지가 표시된다면?
11 Connection failed 메시지를 해결하는 방법

6부 외부 데이터를 활용한 서비스 제작
8장 재무제표 시각화 및 AI 분석
8.1 전자공시시스템 오픈다트 키 발급받기
8.2 생성형 AI의 API 키 발급받기
8.3 프로젝트 시작
8.4 프로젝트 계획 세우기
8.5 재무제표 시각화 개발 시작
8.6 깃허브 업로드 및 버셀로 배포

9장 유튜브 댓글 AI 분석 서비스
9.1 구글 콘솔에서 API 키 발급받기
9.2 OpenAI API 키 발급받기
9.3 프로젝트 계획 세우기
9.4 유튜브 댓글 분석 서비스 개발

10장 네이버 뉴스 검색 및 AI 분석 서비스
10.1 네이버와 OpenAI API 키 발급받기
10.2 프로젝트 계획 세우기
10.3 실시간 뉴스 분석 서비스 개발
7부 데이터베이스를 활용한 서비스 제작

11장 AI 퀴즈 서비스
11.1 파이어베이스 설정
11.2 프로젝트 계획 세우기
11.3 AI 퀴즈 플랫폼 서비스 개발
11.4 파이어베이스로 배포
12장 모임 플랫폼 서비스
12.1 파이어베이스 로그인 설정
12.2 프로젝트 계획 세우기
12.3 모임 플랫폼 개발
12.4 파이어베이스로 배포

8부 커서와 n8n으로 만드는 업무 도구
13장 구글 시트로 만드는 AI 챗봇
13.1 n8n 회원가입
13.2 OpenAI/제미나이 API 키 발급받기
13.3 n8n으로 챗봇 워크플로 만들기
13.4 프로젝트 계획 세우기
13.5 챗봇 서비스 개발
13.6 메모리 기능 추가
13.7 구글 시트 도구 추가

14장 MCP를 활용한 웹 브라우저 자동화 및 데이터 크롤링
14.1 MCP란
14.2 Playwright MCP 설치
14.3 MCP 활용 1: 내가 만든 사이트 점검
14.4 MCP 활용 2: 웹 사이트 데이터 크롤링
14.5 마치며