★ 월 20달러로 커서 AI를 300% 활용해보자, 당신의 아이디어를 바로 애플리케이션으로 만들어보자!
★ 랜딩 페이지부터 블로그 만들기까지, 코딩 1도 몰라도 바로 시작할 수 있다!
★ 커서 AI와 대화하면서 프로그래밍 지식도 챙기고, 프로그램 30개도 만들어보면서 바이브 코딩을 익히세요!

이 책은 코딩 경험이 전무한 일반인도 랜딩 페이지부터 블로그까지 직접 만들 수 있도록, 저자가 수없이 실험하며 축적한 노하우를 기초부터 실전까지 체계적으로 정리했다. 커서 AI를 단순히 코드 자동완성 도구로만 쓰고 있었나요? 그렇다면 제대로 활용하지 못한 것입니다. 이 책을 통해 AI와 대화만으로 프로그램을 만드는 새로운 패러다임, ‘바이브 코딩’의 세계로 들어가보자.

도입부에서는 기초 환경 설정과 바이브 코딩에 도움이 되는 프로그래밍 기본 지식을 엄선해 10개 챕터로 정리했다. 각 개념 설명 뒤에는 곧바로 실습을 배치하여 가벼운 실습으로 시작해 바탕화면 정리 앱, PDF 편집기, 이메일 자동화, 주식 데이터 크롤러, QR 코드 생성기 등 일상에서 유용한 프로젝트를 만들어볼 수 있다. 이어서 인스타그램 클론, 실시간 대시보드, 유튜브 자막 추출, Vercel 배포까지 확장하며 한 단계 업그레이드된 실전 기술을 경험하게 된다.

이 책은 단순히 프롬프트를 따라 치는 학습서가 아닙니다. 커서 AI와 협업하여 문제를 해결하고, 30가지 프로젝트를 완성하는 과정에서 독자는 자연스럽게 프로그래밍 사고를 익히게 해줍니다. 실패를 두려워하지 않고, 아이디어를 바로 실행으로 옮길 수 있는 AI 시대의 새로운 창작 습관을 길러주는 것이 바로 이 책의 가장 큰 가치입니다. 월 20달러만 투자해보자. 평생 활용할 수 있는 코딩 능력을 손에 넣을 수 있다. 평소 프로그램을 만들고 싶다는 생각만 했다면 AI와 함께 시작해보자.

[파트 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로 점심 메뉴 추천 앱 만들기