『요즘 바이브 코딩 클로드 코드 완벽 가이드』
[PART 01] 클로드 코드 세팅하기

Chapter 01 왜 클로드 코드인가?
__과거 AI와의 협업 문제?
__에이전틱 AI의 등장
__새로운 생산성의 정의, 개발자의 역할 변화
__클로드 코드란 무엇인가?
__클로드 코드는 커서와 무엇이 다른가요?
__이 책에서 다룰 내용
Chapter 02 요금제 알아보기
__헷갈리는 클로드 코드 요금제
__어떤 플랜을 사용해야할까? Pro 플랜? Max 플랜?
__API 플랜은?
__5시간마다 한도는 리프레시, 그렇다면 플랜별 한도는?

Chapter 03 클로드 코드 환경 설정
__macOS 환경설정
__윈도우 환경설정

[PART 02] 클로드 코드 핵심 활용

Chapter 04 클로드 코드 기본 인터페이스 이해하기
__프로젝트에 클로드 코드 초기화하기

Chapter 05 슬래시 명령어 제대로 알아보기
__가장 중요한 명령어, /model
__컨텍스트를 정리하는, /compact
__클로드 코드 전반적인 설정 변경, /config
__자동 실행에 대한 권한 설정, /permissions
__클로드 코드의 메모리 관리, /memory
__MCP 관리, /mcp

Chapter 06 CLAUDE.md의 모든 것
__CLAUDE.md란 무엇인가?
__CLAUDE.md은 어떻게 작성해야 하는가?
__CLAUDE.md에 어떤 정보를 입력해야할까?
__CLAUDE.md 파일 종류 3가지
__CLAUDE.md 파일 관리 노하우
__클로드 코드는 CLAUDE.md 파일을 어떻게 읽을까?
__CLAUDE.md 파일은 다 커밋해야 할까?

Chapter 07 클로드 코드의 3가지 모드 알아보기
__하나하나 확인하고 보고 싶을 때, 일반 모드
__반복 작업에 유용한, 자동 수정 모드
__가장 강력한 기능, 플래닝 모드

Chapter 08 모델 선택, 사용량 관리 딱 알려드립니다!
__Opus와 Sonnet의 공통점과 차이점
__그래서... 진짜 모델을 선택하는 방법은?
__남은 토큰량 예측하는 방법

[PART 03] 클로드 코드 고급 기능 활용

Chapter 09 클로드의 생각과정 제어하기
__CoT의 이해
__CoT 유도하기
__확장된 사고

Chapter 10 커스텀 슬래시 커맨드
__커스텀 슬래시 커맨드 기본기
__커스텀 슬래시 커맨드 스코프
__커스텀 슬래시 커맨드 마크다운 파일 정의하기

Chapter 11 MCP
__MCP란?
__MCP 서버 설정하기
__유용한 MCP 리스트

Chapter 12 PRD와 실행 계획
__PRD란?
__실행 계획이란?
__PRD와 실행계획의 차이점
__PRD 작성법
__실행 계획 작성법

Chapter 13 에이전트 병렬로 실행하기
__서브에이전트
__커스텀 서브에이전트
__독립 에이전트

Chapter 14 깃허브 워크플로
__깃허브 이슈 이해하기
__깃허브 CLI 설치하기
__레이블 생성하기
__이슈 생성하기
__이슈 작업하기
__병렬로 이슈 작업하기

[PART 04] 클로드 코드 실전

Chapter 15 클로드로 아이디어 구체화하기
__Playwright MCP 설정하기
__Playwright로 정보 크롤링하기
__빠르게 디자인 이터레이션하기
__PRD 작성하기

Chapter 16 UI 프로토타이핑 하기
__프로젝트 초기화하기
__초기 UI 프로토타이핑 하기
__동시에 여러 시안 프로토타이핑 하기

Chapter 17 인증 구현하기
__Supabase 설정하기
__Context7 MCP 연동하기
__Supabase 인증 연동하기

Chapter 18 기능 작업하기
__MVP 기능 정의하기
__MVP 기능 구현하기
__멀티 에이전트 작업 준비하기
__필수 커스텀 커맨드 생성하기
__워크트리 매크로 제작하기
__상세 페이지 작업하며 동시에 플래닝하기
__여러 작업 동시에 실행하기

Chapter 19 데이터베이스 연동하기
__필수 MCP 추가하기
__Supabase로 마이그레이션하기

Chapter 20 테스트 작성하기
__테스트 코드 계획하기
__유닛 테스트 작성하기
__E2E 테스트 계획하기
__E2E 테스트 작성하기

Chapter 21 배포하기
__Vercel 설정하기

[PART 05] 유명한 클로드 코드 애드온

Chapter 22 Super Claude
__슈퍼 클로드 설치하기
__슈퍼 클로드 커스텀 커맨드
__슈퍼 클로드 페르소나
__슈퍼 클로드 MCP
__슈퍼 클로드 플래그
__사용 예제

Chapter 23 Claudia
__클로디아 소개
__클로디아 설치하기
__클로디아 에이전트 기능
__클로디아 세션 기능
__클로디아 사용량 확인

Chapter 24 Claude Squad
__클로드 스쿼드 설치하기
__클로드 스쿼드 사용법

Chapter 25 ccusage
__ccusage 설치하기
__ccusage 사용하기

Chapter 26 Claude Code Action
__클로드 코드 액션 설치하기

Chapter 27 Claude Code Hooks
__클로드 코드 훅 기본 설정
__클로드 코드 훅 이벤트 정리
__클로드 코드 훅 입력 형태
__클로드 코드 훅 사용 예제

부록 99가지 유용한 팁

『요즘 바이브 코딩 커서 AI 30가지 프로그램 만들기』
[파트 01] 처음 만나는 커서와 CS 지식

_챕터 01 커서 설치하고 개발 환경 준비하기 : 코드 편집기, IDE
__커서 회원가입 후 구독 관리하기
__커서 설치 후 기본 화면 살펴보기
__[바이브 코딩 01] 기업 소개 웹사이트 만들기
__[바이브 코딩 02] 사과 게임 만들어보기
_챕터 02 커서로 파일, 폴더 조작해보기 : 터미널
__[바이브 코딩 03] 바탕화면 정리시켜 보기
_챕터 03 웹사이트를 만들려면 꼭 알아야 하는 3가지 : HTML, CSS, 자바스크립트
__웹사이트의 뼈대를 담당하는 HTML
__웹사이트를 아름답게 해주는 CSS
__웹사이트에 기능을 추가해주는 자바스크립트
__[바이브 코딩 04] 자기소개 페이지 만들기
__[바이브 코딩 05] 자기소개 페이지를 다른 사람에게 공유하고 싶다면?
_챕터 04 눈으로 보고, 상호작용할 수 있는 영역 : 프런트엔드
__리액트요? 전 개발자가 아닌데요?
__[바이브 코딩 06] 인스타그램과 비슷한 사이트 만들어보기
__[바이브 코딩 07] 메모 앱 만들어보기
_챕터 05 디자인에도 기술이 있다고요? : 라이브러리, 프레임워크
__라이브러리? 프레임워크?
__[바이브 코딩 08] 메모 앱 디자인 변경해보기
__[바이브 코딩 09] v0 서비스로 더 쉽게 웹사이트 만들기
_챕터 06 내가 만든 사이트를 서비스하는 방법 : 서버, 배포
__24시간 사용자 요청을 기다리는 컴퓨터, 서버
__localhost가 무엇이길래
__포트 번호가 무엇이길래
__내 컴퓨터에 구동한 웹 서버가 여러 개라면?
__친구가 내가 만든 웹 서비스를 보려면?
__[바이브 코딩 10] 버셀 서비스에 내가 만든 쇼핑몰 사이트 배포해보기
_챕터 07 회원가입, 게시판을 구현하고 싶어 : 데이터베이스
__데이터베이스란?
__[바이브 코딩 11] 메모 앱에 회원가입, 로그인, 로그아웃, 메모 저장 기능 더하기
_챕터 08 크롤링을 하고 싶어 : 파이썬
__파이썬으로 할 수 있는 일들
__크롤링, 막 해도 되는 것일까?
__크롤링 핵심, 태그와 속성
__[바이브 코딩 12] 1년 치 금 시세 크롤링하기
__[바이브 코딩 13] 데이터도 꿰어야 보배, 통계 처리하고 시각화하기
__[바이브 코딩 14] 해외 주식 크롤링 프로그램 만들기
_챕터 09 나만의 프로그램을 만들고 싶어 : 디버그, 바이브 코딩
__스스로 수십 번의 디버그를 하는 커서
__코딩, 수정은 AI에게 맡기고 나는 방향만 이끄는 바이브 코딩
__[바이브 코딩 15] 나만의 QR 코드 생성기 쉽게 만들기
__[바이브 코딩 16] PDF 편집기 만들기 : 페이지 추출 기능
__[바이브 코딩 17] PDF 편집기 완성하기 : 페이지 이어 붙이기 기능
_챕터 10 데이터를 이용하고 싶어 : API
__API가 뭐예요?
__[바이브 코딩 18] 랜덤 이미지를 주는 API로 미술관 사이트 만들기
__[바이브 코딩 19] 한국거래소 주식 데이터 API로 나만의 대시보드 만들기
__[바이브 코딩 20] 식당 추천 사이트 만들기

[파트 02] 커서로 유용한 프로그램 만들어보기

_챕터 11 업무에 유용한 프로그램 6가지 만들기
__[바이브 코딩 21] 메일 발송 자동화 프로그램 만들기
__[바이브 코딩 22] 챗GPT API로 PDF 요약 프로그램 만들기
__[바이브 코딩 23] 블로그 최적화 글 생성 프로그램 만들기
__[바이브 코딩 24] 고객 리뷰 분석하여 보고서 생성하는 프로그램 만들기
__[바이브 코딩 25] 유튜브 자막 추출 후 맞춤법 검사하는 프로그램 만들기
__[바이브 코딩 26] 가계부 대시보드 만들기
_챕터 12 MCP로 더 수준 높은 프로그램 만들기
__그래서 MCP가 뭐죠?
__단계별로 계획을 세우고 이행하는 Sequential Thinking MCP
__MCP 설치를 위한 스미더리 회원가입하기
__자주 사용할 MCP들 미리 설치하기
__[바이브 코딩 27] 리더보드가 있는 카드 뒤집기 게임 만들기
__[바이브 코딩 28] 카드 뒤집기 게임에 보안 챙기기
__[바이브 코딩 29] 나만의 블로그 만들기
__[바이브 코딩 30] 나만의 커뮤니티 게시판 만들기
[부록] 커서 + MCP 업무 활용 꿀팁 5가지
_[꿀팁 01] Firecrawl MCP로 데이터 수집하고 웹페이지 만들기
_[꿀팁 02] 피그마 MCP로 손쉽게 유튜브 섬네일 만들기
_[꿀팁 03] 네이버 서치 MCP로 인기 블로그 분석해 블로그하기
_[꿀팁 04] Sequential Thinking MCP로 테트리스 게임 만들기
_[꿀팁 05] 카카오맵 MCP로 점심 메뉴 추천 앱 만들기


『요즘 바이브 코딩 제미나이 CLI 완벽 가이드』
[파트 01] 제미나이 CLI 첫 만남

챕터 01 제미나이와 CLI의 만남
__생성형 AI 시대의 개발 패러다임
__생성형 AI란?
__생성형 AI는 어떻게 프로그래밍을 잘할까?
__왜 커맨드라인 인터페이스인가?
__제미나이와 CLI의 궁합
__다양한 제미나이

챕터 02 제미나이 CLI 알아보기
__제미나이 CLI의 주요 기능과 장점
__제미나이 CLI, 클로드 코드, 코덱스

챕터 03 터미널 사용하기
__macOS 터미널 사용하기
__윈도우 Git Bash 사용하기
__기본적인 CLI 사용법

챕터 04 설치와 인증하기
__Node.js와 npm 설치하기
__30초 만에 제미나이 CLI 실행하기
__제미나이 CLI는 무료로도 충분합니다
__구글 워크스페이스 계정으로 로그인
__다양한 요금제 알아보기


챕터 05 첫 대화 시작하기
__제미나이 CLI 화면 구성
__대화 시작하기

[파트 02] 제미나이 CLI 제대로 써먹는 핵심 비법

챕터 06 효과적인 프롬프트 작성하기
__프롬프트의 네 가지 핵심 구성요소
__AI를 내 편으로 만드는 프롬프트 작성법

챕터 07 프로젝트 컨텍스트 작성하기
__GEMINI.md가 뭔가요?
__좋은 컨텍스트 작성하기
__마크다운 알아보기
__컨텍스트 파일은 어떻게 동작하나요?
__컨텍스트 작성을 위한 꿀팁

챕터 08 내장 명령어 알아보기
__슬래시 명령어가 뭔가요?
__셸 명령어를 바로 실행하는 셸 모드
__외부 자료 참조를 위한 @ 명령어

챕터 09 내장 도구 알아보기
__내장 도구 작동 단계
__정확한 정보가 필요할 땐 검색 도구
__파일 관리를 위한 파일시스템 도구
__다양한 내장 도구
__제미나이 CLI 커맨드라인

챕터 10 깃 & 깃허브 함께 사용하기
__깃과 깃허브가 뭔가요?
__첫 번째 깃 저장소 만들기

[파트 03] 나만의 제미나이 CLI를 만드는 AI 개인화

챕터 11 설정 파일 알아보기
__제미나이 CLI 설정
__나를 위한 도구를 만드는 settings.json
__.env에 환경 변수 설정하기

챕터 12 안전하게 작업하기
__체크포인트가 뭔가요?
__보안 강화를 위한 격리 환경, 샌드박싱

챕터 13 커스텀 도구 만들기
__커스텀 도구 알아보기
__간단한 커스텀 도구 생성하기

챕터 14 MCP로 제미나이 CLI 확장하기
__MCP 이해하기
__옵시디언 MCP 사용하기
__다양한 MCP 기능 확인하기

챕터 15 확장 기능 정의하기
__확장 기능의 구조와 동작 원리
__gemini-extension.json
__확장 기능과 settings.json의 차이

[파트 04] 일상과 업무를 혁신하는 생산성 레시피

챕터 16 마크다운 업무 보고서 만들기
__자료 조사하기
__대용량 PDF 리포트에서 스테이블 코인 핵심 내용 요약하기

챕터 17 발표 자료 만들기
__콰르토 설치하기
__콰르토로 슬라이드 만들기

챕터 18 프로젝트 공유하기
__깃허브 저장소 준비
__깃허브 페이지 생성
__최종 결과

챕터 19 파일 관리 자동화하기
__이미지 파일 정리하기
__키워드로 데이터 추출하기
__crontab으로 일간 뉴스 자동으로 정리하기

챕터 20 체계적으로 문서 작업하기
__회의록 정리 및 문서 공유
__작성한 글을 목적에 맞게 다듬기
__아이디어를 구체적인 기획으로 만들기

[파트 05] 실전 블로그 자동화 프로젝트

챕터 21 프로젝트 준비하기
__최종 목표 정의하기
__PRD 작성하기

챕터 22 커스텀 도구로 워크플로 구축하기
__블로그 작성 도구 추가하기
__이미지 생성 도구 추가하기

챕터 23 자료 수집과 글 작성하기
__정보 수집 및 콘텐츠 생성
__이미지 처리 및 포스팅 준비

챕터 24 깃허브에 블로그 게시하기
__깃허브 리포지터리 생성
__콰르토 블로그 프로젝트
__블로그 자동화하기
__자동화는 끝이 아닌 시작

[파트 06] 실전 코인 모니터링 프로젝트

챕터 25 애플리케이션 기획하기
__기능 명세서 작성하기
__API 명세서 작성하기
__실행 계획 작성하기

챕터 26 비즈니스 로직 구현하기
__문서 기반으로 구현하기
__웹사이트 오류 해결하기

챕터 27 웹 서비스를 애플리케이션으로 만들기
__네이티브 애플리케이션이란?
__타우리 설치하기
__타우리 빌드하기
__타우리 빌드에서 오류 해결하기

『요즘 바이브 코딩 깃허브 코파일럿 31가지 프로그램 만들기』
[파트 01] 처음 만나는 깃허브 코파일럿과 CS 지식
_챕터 01 깃허브 코파일럿 설치하고 개발 환경 준비하기 : 코드 편집기, IDE
__깃허브 회원가입 후 깃허브 코파일럿 구독 관리하기
__비주얼 스튜디오 코드 설치하고 깃허브 코파일럿 설정하기
__[바이브 코딩 01] 기업 소개 웹사이트 만들기
__[바이브 코딩 02] 사과 게임 만들어보기

_챕터 02 깃허브 코파일럿로 파일, 폴더 조작해보기 : 터미널
__[바이브 코딩 03] 바탕화면 정리시켜 보기

_챕터 03 웹사이트를 만들려면 꼭 알아야 하는 3가지 : HTML, CSS, 자바스크립트
__웹사이트의 뼈대를 담당하는 HTML
__웹사이트를 아름답게 해주는 CSS
__웹사이트에 기능을 추가해주는 자바스크립트
__[바이브 코딩 04] 자기소개 페이지 만들기
__[바이브 코딩 05] 자기소개 페이지를 다른 사람에게 공유하고 싶다면?

_챕터 04 눈으로 보고, 상호작용할 수 있는 영역 : 프런트엔드
__리액트요? 전 개발자가 아닌데요?
__[바이브 코딩 06] 유튜브과 비슷한 사이트 만들어보기
__[바이브 코딩 07] 투두리스트 앱 만들어보기

_챕터 05 디자인에도 기술이 있다고요? : 라이브러리, 프레임워크
__라이브러리? 프레임워크?
__[바이브 코딩 08] 투두리스트 앱 디자인 변경해보기
__[바이브 코딩 09] v0 서비스로 더 쉽게 웹사이트 만들기

_챕터 06 내가 만든 사이트를 서비스하는 방법 : 서버, 배포
__24시간 사용자 요청을 기다리는 컴퓨터, 서버
__localhost가 무엇이길래
__포트 번호가 무엇이길래
__내 컴퓨터에 구동한 웹 서버가 여러 개라면?
__친구가 내가 만든 웹 서비스를 보려면?
__[바이브 코딩 10] 버셀 서비스에 내가 만든 쇼핑몰 사이트 배포해보기

_챕터 07 회원가입, 게시판을 구현하고 싶어 : 데이터베이스
__데이터베이스란?
__[바이브 코딩 11] 노션과 비슷한 사이트 만들어보기

_챕터 08 크롤링을 하고 싶어 : 파이썬
__파이썬으로 할 수 있는 일들
__크롤링, 막 해도 되는 것일까?
__크롤링 핵심, 태그와 속성
__[바이브 코딩 12] 1년 치 금 시세 크롤링하기
__[바이브 코딩 13] 데이터도 꿰어야 보배, 통계 처리하고 시각화하기
__[바이브 코딩 14] 해외 주식 크롤링 프로그램 만들기

_챕터 09 나만의 프로그램을 만들고 싶어 : 디버그, 바이브 코딩
__스스로 수십 번의 디버그를 하는 깃허브 코파일럿
__코딩, 수정은 AI에게 맡기고 나는 방향만 이끄는 바이브 코딩
__[바이브 코딩 15] 나만의 QR 코드 생성기 쉽게 만들기
__[바이브 코딩 16] PDF 편집기 만들기 : 페이지 추출 기능
__[바이브 코딩 17] PDF 편집기 완성하기 : 페이지 이어 붙이기 기능

_챕터 10 데이터를 이용하고 싶어 : API
__API가 뭐예요?
__[바이브 코딩 18] 랜덤 이미지를 주는 API로 미술관 사이트 만들기
__[바이브 코딩 19] 한국거래소 주식 데이터 API로 나만의 대시보드 만들기
__[바이브 코딩 20] 네이버 API로 쇼핑 트렌드 분석기 만들기

[파트 02] 깃허브 코파일럿로 유용한 프로그램 만들어보기
_챕터 11 업무에 유용한 프로그램 6가지 만들기
__[바이브 코딩 21] 메일 발송 자동화 프로그램 만들기
__[바이브 코딩 22] 챗GPT API로 PDF 요약 프로그램 만들기
__[바이브 코딩 23] 블로그 최적화 글 생성 프로그램 만들기
__[바이브 코딩 24] 고객 리뷰 분석하여 보고서 생성하는 프로그램 만들기
__[바이브 코딩 25] 유튜브 자막 추출 후 맞춤법 검사하는 프로그램 만들기
__[바이브 코딩 26] 가계부 대시보드 만들기

_챕터 12 MCP로 더 수준 높은 프로그램 만들기
__그래서 MCP가 뭐죠?
__스미더리 회원가입하고 Context7 MCP 설치하고 실행해보기
__[바이브 코딩 27] 테트리스 게임 만들어보기
__[바이브 코딩 28] 리더보드가 있는 카드 뒤집기 게임 만들기
__[바이브 코딩 29] 카드 뒤집기 게임에 보안 챙기기
__[바이브 코딩 30] 나만의 블로그 만들기
__[바이브 코딩 31] 나만의 커뮤니티 게시판 만들기

『요즘 바이브 코딩 v0 + 커서 입문 PRD 기획·개발·배포, 일주일 완성』
[파트 01] 코딩의 첫걸음 : 도구와 기술 익히기
_챕터 01 바이브 코딩의 첫걸음
__커서와 친해지기
__커서와 의사소통 방법
__커서의 유료 플랜과 무료 플랜, 어떤 차이가 있을까?
__구독을 해지하려면?
_챕터 02 개발 도구 준비하기
__커서 설치하기
__Node.js 설치 및 터미널 옵션 변경하기
__간단한 프로젝트 생성하기
__Shadcn UI 설치하기
_챕터 03 메모 앱 만들며 프롬프트 작성 기술 익히기
__프롬프트 작성 팁 4가지 알아보기
__보강된 프롬프트 예 확인하기
__메모 앱 만들며 프롬프트 작성 연습해보기

[파트 02] 스티커 메모 앱 만들며 커서와 협업하는 방법 알아보기
_챕터 04 스티커 메모 앱의 기본 구조 만들기
__프로젝트 열고 작업 시작하기
_챕터 05 스티커 메모 앱을 더 멋지게 만들기
__Shadcn UI로 더 멋지게 꾸며보기
_챕터 06 스티커 메모 앱에 기능 추가하기
__메모 삭제, 수정 기능 추가하기
_챕터 07 커서와 함께 디버깅 실습하기
__오류 일부러 만들어보기
_챕터 08 아이디어를 바로 화면으로,v0로 시작하기
__v0 사용해보기
__v0 + 커서 워크플로 살펴보기

[파트 03] v0로 로또 6/45 앱 만들고 배포하기
_챕터 09 프로젝트 소개 및 앱 기본 구조 만들기
__v0에서 로또 6/45 생성기 인터페이스 구성하기
_챕터 10 로또 번호 저장, 삭제 기능 추가하기
__로또 번호 저장, 삭제 기능 추가하기
_챕터 11 v0에서 배포해서 다른 사람과 앱 공유하기
__임시 URL 생성 및 공유 절차 알아보기

[파트 04] AI 챗봇 만들기
_챕터 12 AI 챗봇 제작을 위한 준비하기
__[바이브 코딩 01] Next.js 프로젝트 생성하고 shadcn/ui 설정 및 초기화하기
__[바이브 코딩 02] v0로 챗봇 UI 만들고 테마 토글 기능 추가하기
__[바이브 코딩 03] v0에서 만든 UI 코드를 커서로 가져오기
__[바이브 코딩 04] 챗봇을 위한 API 키 준비하고 연결하기
__[바이브 코딩 05] 필요한 도구 설치하기
_챕터 13 단계별 프롬프트로 스트리밍 챗봇 만들기
__[바이브 코딩 06] 백엔드 통신 담당 API Route 만들기
__[바이브 코딩 07] 사용자와 대화하는 창 만들기
_챕터 14 대화 저장을 위한 수파베이스 준비하기
__[바이브 코딩 08] 수파베이스 프로젝트 생성하기
__[바이브 코딩 09] SQL Editor로 수파베이스에 테이블 생성하기
_챕터 15 수파베이스를 이용하여 대화 생성하고 저장하기
__[바이브 코딩 10] 수파베이스 클라이언트 설정하기
__[바이브 코딩 11] 새 대화 시작 기능 구현하기
__[바이브 코딩 12] 메시지 내용 저장 및 불러오기 기능 구현하기
__[바이브 코딩 13] 이전 대화 내용 불러오기 기능 구현하기

[파트 05] AI 챗봇에 인증 페이지 만들기
_챕터 16 챗봇이 나를 알아보게 만드는 인증 시스템 준비하기
__인증과 인가, 뭐가 다른 걸까?
__로그인 확인 방식, 세션과 토큰
__클릭 한 번으로 로그인! OAuth 2.0의 마법
__[바이브 코딩 14] 구글 클라우드 API 키로 외부 서비스 연동 준비하기
__[바이브 코딩 15] .env.local 파일에 사용자 인증 설정 추가하기
__[바이브 코딩 16] 폼 관리/검증 도구 준비하기
_챕터 17 챗봇의 ‘얼굴’, 로그인과 회원가입 페이지 만들기
__말보다 그림! AI에게 ‘보여주며’ 직관적으로 요청하기
__[바이브 코딩 17] v0에서 디자인한 UI, 내 프로젝트로 이동시키기
__[바이브 코딩 18] 인증 기능으로 들어가는 ‘문’ 만들기
__[바이브 코딩 19] 인증 시스템 핵심 설정하기
_챕터 18 로그인과 회원가입 기능 구현하기
__[바이브 코딩 20] 유효성 검사 스키마 정의하기
__[바이브 코딩 21] 회원가입 폼 로직 구현하기
__[바이브 코딩 22] 로그인 폼 로직 구현하기
_챕터 19 데이터베이스 연동 강화하기
__[바이브 코딩 23] ‘나’를 알아보는 챗봇 만들기
__[바이브 코딩 24] 챗봇이 회원을 제대로 알아볼까요?
__[바이브 코딩 25] 구글 로그인 구현하기
__[바이브 코딩 26] 구글 로그인, 완벽하게 작동할까?

[파트 06] PRD 문서 기반으로 할 일 목록 앱 만들기
_챕터 20 체계적인 개발의 시작, 제품 요구사항 문서 준비하기
__개발의 설계도, ‘PRD’가 왜 중요한지 이해하기
__[바이브 코딩 27] 챗GPT와 함께 설계도 만들기 2
__[바이브 코딩 28] 공식 설계도 정하고 v0에게 작업 지시하기
__[바이브 코딩 29] v0 함께 디자인 다듬기
_챕터 21 v0 결과물을 프로젝트에 통합하기
__[바이브 코딩 30] v0에서 디자인한 UI, 이번엔 ‘직접’ 가져오기
_챕터 22 데이터에 기억력 부여하기
__MCP란?
__[바이브 코딩 31] 커서에 Supabase MCP 연결하기
__[바이브 코딩 32] 커서로 코드 분석 후 데이터베이스 설계하기
__[바이브 코딩 33] 수파베이스 클라이언트 만들기
__[바이브 코딩 34] 수파베이스에 기능 연결하기
__[바이브 코딩 35] 새로운 할 일에 ‘영구 기억력’ 부여하기
_챕터 23 완료 및 삭제 기능으로 생명력 완성하기
__[바이브 코딩 36] 할 일 상태를 수정하는 완료 표시 기능 추가하기
__[바이브 코딩 37] 삭제 기능 추가로 CRUD 완성하기

[파트 07] 이미지 갤러리 앱 만들기
_챕터 24 프로젝트 기획 및 설계와 UI 디자인 및 기능 구현하기
__이미지 갤러리 앱 핵심 설계도 만들기
__UI 디자인 및 기능 계획하기
__[바이브 코딩 38] 메인 피드와 게시물 관리 UI 만들기
__[바이브 코딩 39] 댓글 및 태그 기능 UI 만들기
__[바이브 코딩 40] 사진 업로드 및 검색 UI 만들기
_챕터 25 데이터베이스 및 API 연동하기
__[바이브 코딩 41] 수파베이스 연동 설정으로 백엔드와 연결하기
__[바이브 코딩 42] 수파베이스 테이블 생성하기
__[바이브 코딩 43] API 라우트 생성 및 연결하기
__[바이브 코딩 44] 댓글 기능 개선하기
_챕터 26 앱 고도화 및 최종 테스트하기
__[바이브 코딩 45] 새 프로젝트 생성 및 코드 통합하기
__[바이브 코딩 46] 이미지 피드 고도화하기

[파트 08] QR/바코드 앱 만들기
_챕터 27 QR 코드 앱 만들기
__[바이브 코딩 47] QR 코드 생성기 구현하기
__[바이브 코딩 48] QR 코드 인식 기능 구현하기
__[바이브 코딩 49] 앱 배포 후 모바일 테스트하기
_챕터 28 바코드 앱 만들기
__[바이브 코딩 50] 바코드 생성기 구현하기
__[바이브 코딩 51] 바코드 인식 기능 구현하기
__[바이브 코딩 52] 바코드 앱 테스트하기

[파트 09] DeepL 클론 앱 완성하기
_챕터 29 DeepL 기획 및 v0로 UI 설계하기
__DeepL 핵심 기능 분해하기
__[바이브 코딩 53] v0와 함께 UI 설계하기
_챕터 30 백엔드 API 구축 및 연결하기
__[바이브 코딩 54] API 준비하기
__[바이브 코딩 55] 핵심 기능에 생명 불어넣기

『요즘 바이브 코딩 안티그래비티 완벽 가이드』
[파트 01] 안티그래비티와 구글 AI 정복하기
챕터 01 제미나이 3의 모든 것
__ 제미나이 3 이해하기
__ 벤치마크로 보는 제미나이 3 실제 성능
__ 제미나이를 사용하는 다양한 방법
챕터 02 안티그래비티 이해하기
__ 안티그래비티 설치하기
__ 요금제 알아보기
__ 에이전트 우선 아키텍처 이해하기
__ 에디터 뷰 : 직접 코딩하기
__ 매니저 뷰 : 에이전트 오케스트레이션하기
__ 아티팩트 : 안티그래비티에게 작업 브리핑받기
__ 룰 & 워크플로 : 작업 일관성을 높이기
__ 다양한 AI 모델 사용하기
챕터 03 스티치 이해하기
__ 스티치 기본 화면 살펴보기
__ 스티치 디자인 화면 살펴보기

[파트 02] 바이브 코딩을 위한 지식 쌓기
챕터 04 프롬프팅 마스터하기
__ TCREI 프레임워크 이해하기
__ Task : 작업 명확히 정의하기
__ Context : 충분한 배경 지식 제공하기
__ Reference : 예시와 참조 활용하기
__ Evaluate & Iterate : 평가하고 반복하기
__ 좋은 프롬프트를 위한 팁
챕터 05 바이브 코딩 핵심 키워드 알아보기
__ 깃 이해하기
__ JSON 이해하기
__ MCP 이해하기
__ PRD 이해하기
__ 스킬 이해하기
챕터 06 테스트 주도 개발하기
__ TDD 개념 이해하기
__ 안티그래비티에서 TDD 실천하기
__ 테스트 코드 확인하기
챕터 07 클린 아키텍처로 설계하기
__ 클린 아키텍처 핵심 개념 이해하기
__ 클린 아키텍처 장단점 이해하기
__ 안티그래비티로 클린 아키텍처 구현하기

[파트 03] 실전 프로젝트 완성하기
챕터 08 SaaS 랜딩 페이지 만들기
__ 랜딩 페이지 기획하기
__ 랜딩 페이지 설계하기
__ 랜딩 페이지 디자인하기
__ 랜딩 페이지 구현하기
챕터 09 블로그 만들기
__ REST API란?
__ SQL 데이터베이스란?
__ 수파베이스란?
__ 블로그 프로젝트 설계하기
__ 블로그 UI 디자인하기
__ 수파베이스 설정하기
__ 로그인, 회원가입 인증 구현하기
__ 블로그 메인 페이지 구현하기
__ 블로그 게시글 페이지 제작하기
__ 블로그 작성 페이지 구현하기
__ 클라이언트 보안 허점 눈으로 확인하기
챕터 10 쇼핑 리뷰 분석 챗봇
__ RAG 이해하기
__ 랭체인 이해하기
__ 챗봇 설계하기
__ 챗봇 인터페이스 디자인하기
__ UI 구현하기
__ Pinecone 설정하기
__ 수파베이스 프로젝트 생성하기
__ RAG 구현하기
__ RAG 코드 이해하기
챕터 11 쇼핑몰 대시보드 만들기
__ 수파베이스 스토리지
__ 대시보드 디자인과 프로젝트 초기 설정하기
__ 클린 아키텍처 구조와 룰 생성하기
__ 인증 및 테이블 구현하기
__ 기능별 페이지 병렬 구현하기
__ 입력 폼과 이미지 업로드로 상품 등록 페이지 업그레이드하기
챕터 12 구독 결제 SaaS 플랫폼
__ 버셀 이해하기
__ 구독 결제 시스템 이해하기
__ 크론잡 이해하기
__ 구독 결제 화면 디자인하기
__ SaaS 프로젝트 초기 구성하기
__ HTML로 페이지 그대로 구현하기
__ 토스페이먼츠 MCP 연동하기
__ 결제 상태에 따른 서비스 권한 구현하기
__ 구독 결제와 취소 구현하기
__ 버셀로 배포하기
__ 오픈그래프 설정하기
__ 스킬로 개발 효율 높이기

『요즘 바이브 코딩 코덱스 완벽 가이드』
[파트 01] 처음 만나는 코덱스와 AI 에이전트
_챕터 01 기존 AI 코딩 도구의 제약 사항
__바이브 코딩 이전의 AI 어시스턴트, 깃허브 코파일럿의 초기 버전
__프로젝트 전체 맥락 이해 부족
_챕터 02 에이전틱 AI와 바이브 코딩
__에이전틱 AI란?
__개발자와 AI 에이전트의 새로운 소통 방식, 바이브 코딩
__에이전틱 AI가 바이브 코딩을 실현하는 방법
__바이브 코딩의 작업 공간, 터미널
_챕터 03 코덱스 CLI 기본 사용법 알아보기
__코덱스 CLI 설치하기
__코덱스 CLI 세션 사용법 살펴보기
__[바이브 코딩 01] 세션 매니저 프로그램 만들기
__API 키로 코덱스 CLI 사용해보기
__config.toml 파일과 코덱스 CLI
__코덱스 CLI에서 웹 검색 허용하기
__사용하는 모델 변경하기
__[바이브 코딩 02] 작업이 끝나면 알려주는 나만의 알림창 만들기
__특정 파일 컨텍스트에 추가하기
__권한 부여하기
__VS Code 사용하기
_챕터 04 코덱스 에이전트 사용 요금 알아보기
__내 코딩 스타일에 맞는 플랜 선택하기
__사용량이 부족할 때를 위한 더욱 유연한 과금 방식, API 키
__한 번의 질문, 저마다 다른 무게
_챕터 05 코덱스 CLI 고급 사용법 알아보기
__오픈라우터를 사용해 다른 모델 제공자의 AI 모델 사용하기
__멀티 프로필 생성하기
__사용량 조회하기
__논 인터랙티브 모드 사용하기
__사용자 정의 형식으로 응답 출력하기
__[바이브 코딩 03] 코드 리뷰 뷰어 만들기
__[바이브 코딩 04] 3D 레이싱 게임 만들기
__컨텍스트 요약하기
__세션 자동 요약 기능
__verbosity 설정하기
__history 설정하기
__기본 시스템 프롬프트 변경하기
_챕터 06 코덱스 CLI에 생산성과 정확성 더하기
__음성 도구 사용하기
__AGENTS.md 알아보기
__[바이브 코딩 05] 미니멀리즘 감성 일기장 만들기
__AI와 똑똑하게 대화하는 기술 ‘프롬프트 엔지니어링’
__사용자 정의 프롬프트 사용하기
__[바이브 코딩 06] 마크다운 HTML 변환기
__모델이 보는 모든 것을 선별하고 관리하는 ‘컨텍스트 엔지니어링’
_챕터 07 MCP로 수준 높은 바이브 코딩하기
__LLM과 외부 데이터 간의 표준 약속, MCP
__MCP 사용 준비하기
__추천할 만한 MCP 리스트
__[바이브 코딩 07] 깃허브 MCP 사용하여 내 작업 사항 저장하기
_챕터 08 코덱스 스킬로 코덱스 CLI에게 슈퍼 파워 제공하기
__스킬, AI를 위한 업무 매뉴얼
__스킬의 4가지 특징 및 MCP와의 차이점
_챕터 09 클라우드 환경에서 원격으로 코덱스 사용하기
__코덱스 클라우드, 왜 배워야 할까?
__코덱스 클라우드와 플랜 모드 사용하기
__코덱스 클라우드 작업 흐름
__AI 에이전트의 인터넷 접근, 어떤 위험이 있을까?
__코드 리뷰 받기
[파트 02] 스티커 메모 앱 만들며 커서와 협업하는 방법 알아보기
_챕터 10 바이브 코딩을 위한 기초 개발 지식 다지기
__뼈대를 세우는 HTML
__디자인을 입히는 CSS
__동적인 기능을 구현하는 자바스크립트
__프런트엔드와 리액트
__[바이브 코딩 08] 오델로 게임 만들기
_챕터 11 개인 웹사이트 만들기
__컴포넌트 라이브러리란?
__[바이브 코딩 09] v0로 블로그 프로토타이핑 하기
__스티치로 반응형 디자인 뽑아내기
_챕터 12 내 웹사이트 인터넷에 배포하기
__배포란?
__[바이브 코딩 10] 깃허브 페이지로 블로그 배포하기
__[바이브 코딩 11] 버셀로 블로그 배포하기
_챕터 13 클라우드 데이터베이스 사용하기
__새로고침하면 사라지는 데이터, 어떻게 해야 할까?
__클라우드 데이터베이스와 수파베이스의 등장
__수파베이스 MCP로 코덱스와 내 코드 연결하기
__MCP로 쉽게 데이터 관리하기
__[바이브 코딩 12] 수파베이스로 실시간 방명록 웹사이트 만들기
_챕터 14 수파베이스로 인증과 인가 구현하기
__로그인은 왜 필요할까?
__데이터베이스에 인증 자물쇠 걸기
__[바이브 코딩 13] 방명록 웹사이트에 회원가입, 로그인, 로그아웃 기능 추가하기
__수파베이스는 만능일까?
_챕터 15 기능 명세서와 바이브 코딩
__왜 바이브 코딩하기 전 기획이 중요할까?
__PRD란?
__PRD 작성하기
_챕터 16 스펙킷, 기억 위에서 움직이는 워크플로우
__스펙킷이란?
__스펙킷 설치하기
__스펙킷이 너무 어렵게 느껴진다면?
[바이브 코딩 14] 스펙킷으로 프로필 설정 기능 만들기
_챕터 17 오픈 API와 웹 크롤링으로 외부 데이터 활용하기
__데이터를 얻는 가장 정중한 방법: 오픈 API 활용하기
__[바이브 코딩 15] 스트림릿으로 만드는 영화 대시보드
__API가 없다면? 웹 크롤링 사용하기
__웹 크롤링의 핵심 원리: HTML과 선택자
__잠깐! 크롤링 전 필수 체크: robot.txt
__코덱스의 눈과 손이 될 Playwright MCP
__[바이브 코딩 16] 주식 시장 데이터 크롤링 & 실시간 대시보드