뒤처지기 싫은 일잘러를 위한! 제로부터 시작하는 바이브 코딩 입문, 웹 명함 제작부터 사내 스터디 관리 플랫폼까지 커서, n8n, MCP로 완성하는 올인원 실습서 바이브 코딩은 AI를 단순한 자동화 도구가 아닌 함께 사고하고 실행하는 협업 파트너로 활용하는 새로운 업무 방식으로, 이제는 누구나 아이디어만 입력하면 원하는 서비스를 만들 수 있다. 이 책은 프로그래밍 경험과 IT 지식이 없지만, 나만의 웹 서비스를 만들고 싶은 독자들을 대상으로 한다. 본격적인 실습을 진행하기 전에 웹/앱, 프런트엔드/백엔드의 개념 등 필수적인 IT 지식을 설명하고, 커서 개발 환경 역시 상세하게 설명한다. 또한, 웹 명함 만들기부터 재무제표 시각화, 유튜브 댓글 분석, 네이버 뉴스 분석, AI 퀴즈 플랫폼, 사내 스터디 관리 플랫폼 등 다양한 난이도와 스펙트럼의 실습 프로젝트를 가득 담았다. 더불어 n8n과 MCP를 활용하여 좀 더 완성도 있는 프로젝트를 만들어 보는 경험까지 할 수 있도록 구성했다. 최신 커서 2.0 버전을 반영하고, Plan 모드까지 본격적으로 사용하는 이 책으로 바이브 코딩의 처음부터 끝까지 차근차근 완전히 정복해 보자!

[목차] 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 마치며 부록 찾아보기

“생성형 AI를 어떻게 활용해야 하나요?”
요즘 필자가 가장 많이 받는 질문입니다. 불과 1~2년 전만 해도 파이썬, 데이터 분석, 머신러닝, 딥러닝 관련 요청이 대부분이었습니다. 이제는 업종과 직무를 막론하고 같은 질문으로 모입니다. 생성형 AI(LLM)를 우리 업무에, 우리 서비스에 어떻게 적용할 수 있느냐 입니다. 답은 여러 가지입니다. 프롬프트 작성법을 익힐 수도 있고, 업무에 챗봇을 도입할 수도 있습니다. 그중 필자가 주목한 점은 AI와 함께 직접 업무에 필요한 도구를 만들어 보는 것입니다. 흔히 ‘바이브 코딩’이라고 합니다.

어디까지 만들 수 있나요?
바이브 코딩을 가르칠 때마다 받는 질문입니다. 답부터 말하자면, 개발 지식이 있다면 한계는 없습니다. 하지만 이 책은 비개발자용입니다. 생성형 AI가 없던 시절, 비개발자 대부분은 만들고 싶은 것이 있더라도 코드 한 줄조차 작성하기가 막막해서 금방 포기했습니다. 바이브 코딩은 이 벽을 낮추었습니다. 이 책의 목표는 프로토타입, 즉 MVP 수준입니다. 아이디어를 눈으로 확인하고, 직접 사용해 보고, 다른 사람에게 보여 줄 수 있는 단계입니다. 비개발자가 스스로 만들어서 업무에 바로 활용할 수 있는 수준을 다룹니다.

이 책에서 만드는 것들
이 책은 실제로 작동하는 도구를 직접 만들어 보는 것을 추구합니다. 재무제표 시각화 및 AI 분석 도구, 유튜브 댓글 AI 분석 서비스, 네이버 뉴스 검색 및 AI 분석 서비스를 만듭니다. 파이어베이스로 데이터베이스를 구축하여 AI 퀴즈와 모임 플랫폼까지 직접 만들어 봅니다. 또 구글 시트를 기반으로 AI 챗봇을 만들고, n8n과 커서를 활용하여 업무 자동화 도구를 구축합니다. MCP를 활용한 웹 브라우저 자동화와 데이터 크롤링까지 다룹니다. 완성한 결과물은 깃허브에 올리고, 버셀이나 파이어베이스로 실제 인터넷에 배포합니다. 외부 API를 사용하려면 여러 설정이 필요해서 입문자에게는 쉽지 않습니다. 하지만 한 단계씩 따라 하다 보면 ‘내가 이걸 만들었구나’ 하는 경험을 하게 됩니다.

시작하며
업무를 자동화하고 싶은 직장인, 아이디어를 프로토타입으로 확인하고 싶은 기획자, 나만의 서비스를 만들어 보고 싶었던 사람이라면 이 책과 함께 시작할 수 있습니다. 에러가 나도 괜찮습니다. 커서에 물어보고 다시 시도하면 됩니다. 그리고 그 순간, “내가 이걸 만들었다.”라는 뿌듯함을 느낄 수 있을 것입니다. 이제 시작해 볼까요?

(지은이의 말 중에서)

아이디어를 입력하는 순간, 바이브 코딩이 시작된다 코드를 몰라도 AI와의 티키타카만으로 완주하는 실전 프로젝트 가이드 일의 속도와 구조를 모두 바꾸는 새로운 업무 방식, 바이브 코딩 바이브 코딩은 AI를 단순한 자동화 도구가 아닌, 함께 사고하고 실행하는 협업 파트너로 활용하는 새로운 업무 방식이다. 아이디어를 정리하고 구조를 설계하는 단계부터 구현까지, 일의 흐름 자체가 이전과는 달라진다. 이 책은 개인의 생산성을 넘어 업무 방식 전체를 한 단계 끌어올리는 바이브 코딩의 실전을 다룬다. 개념 설명에 그치지 않고, 직접 만들고 부딪히며 체득하는 방식으로 구성했으며 실습을 통해 바이브 코딩의 핵심인 ‘느낌과 감각’을 자연스럽게 익히도록 설계했다. 코드를 전혀 몰라도 따라 하기만 하면 프로젝트 완성 프로그래밍 문법을 몰라도 괜찮다. 코드 한 줄 작성하는 것조차 막막해 포기하고 싶던 과거는 잊어도 된다. 이제 중요한 것은 ‘어떻게 코드를 작성할 것인가’가 아니라 ‘무엇을 만들 것인가’를 명확히 설명하는 능력이다. 온라인·오프라인 강의를 통해 검증된 저자의 노하우와, 실무에서 바로 활용 가능한 프로젝트 실습을 한데 담았다. 웹 명함과 개인 브랜딩 사이트부터, 재무제표 시각화, AI 분석 서비스, 데이터베이스 기반 플랫폼까지. 이 책의 내용을 따라가다 보면 실무에 곧바로 연결되는 다양한 프로젝트를 직접 완성하며 바이브 코딩을 자연스럽게 내 것으로 만들 수 있다. 기획, 설계, 구현, 배포까지 앱 제작 전체 프로세스를 내 것으로 이 책의 목표는 단편적인 기능 구현이 아니라, 실제 서비스 개발의 전체 프로세스를 경험하는 것이다. 아이디어를 글로 정리해 커서에 요청하고, AI가 만들어준 프로젝트를 실행해본다. 기획 → 설계 → 구현 → 배포로 이어지는 전체 프로세스를 여러 개의 프로젝트를 만들며 자연스럽게 익힌다. 여기에 더해, n8n과 MCP를 활용해 AI 결과물을 업무 흐름으로 연결하고 확장하는 방법까지 다룬다. 여러 서비스와 도구를 연결해 반복 업무를 자동화하고, AI 활용 범위를 넓히는 경험을 제공하여 이후 어떤 프로젝트에도 적용할 수 있는 기반을 마련한다. 이 책과 함께 바로 써먹을 수 있는 나의 첫 바이브 코딩 프로젝트를 가장 쉽게 시작해보자.