한 걸음 앞선 일잘러가 지금 꼭 알아야 할 바이브 코딩 with 커서
웹 명함 제작부터 사내 스터디 관리 플랫폼까지 커서, n8n, MCP로 완성하는 나의 첫 바이브 코딩 올인원 실습서
Regular price
$33.71
Sale price
Regular price
Shipping calculated at checkout.
✈️
Estimated delivery date 예상 배송일
Standard Shipping
불러오는 중...
주문일로부터 8-12 영업일
Express Shipping
불러오는 중...
주문일로부터 6-8 영업일
뒤처지기 싫은 일잘러를 위한! 제로부터 시작하는 바이브 코딩 입문,
웹 명함 제작부터 사내 스터디 관리 플랫폼까지 커서, n8n, MCP로 완성하는 올인원 실습서
바이브 코딩은 AI를 단순한 자동화 도구가 아닌 함께 사고하고 실행하는 협업 파트너로 활용하는 새로운 업무 방식으로, 이제는 누구나 아이디어만 입력하면 원하는 서비스를 만들 수 있다. 이 책은 프로그래밍 경험과 IT 지식이 없지만, 나만의 웹 서비스를 만들고 싶은 독자들을 대상으로 한다. 본격적인 실습을 진행하기 전에 웹/앱, 프런트엔드/백엔드의 개념 등 필수적인 IT 지식을 설명하고, 커서 개발 환경 역시 상세하게 설명한다. 또한, 웹 명함 만들기부터 재무제표 시각화, 유튜브 댓글 분석, 네이버 뉴스 분석, AI 퀴즈 플랫폼, 사내 스터디 관리 플랫폼 등 다양한 난이도와 스펙트럼의 실습 프로젝트를 가득 담았다. 더불어 n8n과 MCP를 활용하여 좀 더 완성도 있는 프로젝트를 만들어 보는 경험까지 할 수 있도록 구성했다. 최신 커서 2.0 버전을 반영하고, Plan 모드까지 본격적으로 사용하는 이 책으로 바이브 코딩의 처음부터 끝까지 차근차근 완전히 정복해 보자!
웹 명함 제작부터 사내 스터디 관리 플랫폼까지 커서, n8n, MCP로 완성하는 올인원 실습서
바이브 코딩은 AI를 단순한 자동화 도구가 아닌 함께 사고하고 실행하는 협업 파트너로 활용하는 새로운 업무 방식으로, 이제는 누구나 아이디어만 입력하면 원하는 서비스를 만들 수 있다. 이 책은 프로그래밍 경험과 IT 지식이 없지만, 나만의 웹 서비스를 만들고 싶은 독자들을 대상으로 한다. 본격적인 실습을 진행하기 전에 웹/앱, 프런트엔드/백엔드의 개념 등 필수적인 IT 지식을 설명하고, 커서 개발 환경 역시 상세하게 설명한다. 또한, 웹 명함 만들기부터 재무제표 시각화, 유튜브 댓글 분석, 네이버 뉴스 분석, AI 퀴즈 플랫폼, 사내 스터디 관리 플랫폼 등 다양한 난이도와 스펙트럼의 실습 프로젝트를 가득 담았다. 더불어 n8n과 MCP를 활용하여 좀 더 완성도 있는 프로젝트를 만들어 보는 경험까지 할 수 있도록 구성했다. 최신 커서 2.0 버전을 반영하고, Plan 모드까지 본격적으로 사용하는 이 책으로 바이브 코딩의 처음부터 끝까지 차근차근 완전히 정복해 보자!
Couldn't load pickup availability
출판사 리뷰
출판사 리뷰
아이디어를 입력하는 순간, 바이브 코딩이 시작된다
코드를 몰라도 AI와의 티키타카만으로 완주하는 실전 프로젝트 가이드
일의 속도와 구조를 모두 바꾸는 새로운 업무 방식, 바이브 코딩
바이브 코딩은 AI를 단순한 자동화 도구가 아닌, 함께 사고하고 실행하는 협업 파트너로 활용하는 새로운 업무 방식이다. 아이디어를 정리하고 구조를 설계하는 단계부터 구현까지, 일의 흐름 자체가 이전과는 달라진다. 이 책은 개인의 생산성을 넘어 업무 방식 전체를 한 단계 끌어올리는 바이브 코딩의 실전을 다룬다. 개념 설명에 그치지 않고, 직접 만들고 부딪히며 체득하는 방식으로 구성했으며 실습을 통해 바이브 코딩의 핵심인 '느낌과 감각'을 자연스럽게 익히도록 설계했다.
코드를 전혀 몰라도 따라 하기만 하면 프로젝트 완성
프로그래밍 문법을 몰라도 괜찮다. 코드 한 줄 작성하는 것조차 막막해 포기하고 싶던 과거는 잊어도 된다. 이제 중요한 것은 '어떻게 코드를 작성할 것인가'가 아니라 '무엇을 만들 것인가'를 명확히 설명하는 능력이다. 온라인·오프라인 강의를 통해 검증된 저자의 노하우와, 실무에서 바로 활용 가능한 프로젝트 실습을 한데 담았다. 웹 명함과 개인 브랜딩 사이트부터, 재무제표 시각화, AI 분석 서비스, 데이터베이스 기반 플랫폼까지. 이 책의 내용을 따라가다 보면 실무에 곧바로 연결되는 다양한 프로젝트를 직접 완성하며 바이브 코딩을 자연스럽게 내 것으로 만들 수 있다.
기획, 설계, 구현, 배포까지 앱 제작 전체 프로세스를 내 것으로
이 책의 목표는 단편적인 기능 구현이 아니라, 실제 서비스 개발의 전체 프로세스를 경험하는 것이다. 아이디어를 글로 정리해 커서에 요청하고, AI가 만들어준 프로젝트를 실행해본다. 기획 → 설계 → 구현 → 배포로 이어지는 전체 프로세스를 여러 개의 프로젝트를 만들며 자연스럽게 익힌다. 여기에 더해, n8n과 MCP를 활용해 AI 결과물을 업무 흐름으로 연결하고 확장하는 방법까지 다룬다. 여러 서비스와 도구를 연결해 반복 업무를 자동화하고, AI 활용 범위를 넓히는 경험을 제공하여 이후 어떤 프로젝트에도 적용할 수 있는 기반을 마련한다. 이 책과 함께 바로 써먹을 수 있는 나의 첫 바이브 코딩 프로젝트를 가장 쉽게 시작해보자.
코드를 몰라도 AI와의 티키타카만으로 완주하는 실전 프로젝트 가이드
일의 속도와 구조를 모두 바꾸는 새로운 업무 방식, 바이브 코딩
바이브 코딩은 AI를 단순한 자동화 도구가 아닌, 함께 사고하고 실행하는 협업 파트너로 활용하는 새로운 업무 방식이다. 아이디어를 정리하고 구조를 설계하는 단계부터 구현까지, 일의 흐름 자체가 이전과는 달라진다. 이 책은 개인의 생산성을 넘어 업무 방식 전체를 한 단계 끌어올리는 바이브 코딩의 실전을 다룬다. 개념 설명에 그치지 않고, 직접 만들고 부딪히며 체득하는 방식으로 구성했으며 실습을 통해 바이브 코딩의 핵심인 '느낌과 감각'을 자연스럽게 익히도록 설계했다.
코드를 전혀 몰라도 따라 하기만 하면 프로젝트 완성
프로그래밍 문법을 몰라도 괜찮다. 코드 한 줄 작성하는 것조차 막막해 포기하고 싶던 과거는 잊어도 된다. 이제 중요한 것은 '어떻게 코드를 작성할 것인가'가 아니라 '무엇을 만들 것인가'를 명확히 설명하는 능력이다. 온라인·오프라인 강의를 통해 검증된 저자의 노하우와, 실무에서 바로 활용 가능한 프로젝트 실습을 한데 담았다. 웹 명함과 개인 브랜딩 사이트부터, 재무제표 시각화, AI 분석 서비스, 데이터베이스 기반 플랫폼까지. 이 책의 내용을 따라가다 보면 실무에 곧바로 연결되는 다양한 프로젝트를 직접 완성하며 바이브 코딩을 자연스럽게 내 것으로 만들 수 있다.
기획, 설계, 구현, 배포까지 앱 제작 전체 프로세스를 내 것으로
이 책의 목표는 단편적인 기능 구현이 아니라, 실제 서비스 개발의 전체 프로세스를 경험하는 것이다. 아이디어를 글로 정리해 커서에 요청하고, AI가 만들어준 프로젝트를 실행해본다. 기획 → 설계 → 구현 → 배포로 이어지는 전체 프로세스를 여러 개의 프로젝트를 만들며 자연스럽게 익힌다. 여기에 더해, n8n과 MCP를 활용해 AI 결과물을 업무 흐름으로 연결하고 확장하는 방법까지 다룬다. 여러 서비스와 도구를 연결해 반복 업무를 자동화하고, AI 활용 범위를 넓히는 경험을 제공하여 이후 어떤 프로젝트에도 적용할 수 있는 기반을 마련한다. 이 책과 함께 바로 써먹을 수 있는 나의 첫 바이브 코딩 프로젝트를 가장 쉽게 시작해보자.
목차
목차
[목차]
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 마치며
부록
찾아보기
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 마치며
부록
찾아보기
저자
저자
김태헌(퇴근후딴짓)
2025년 SideOnAI를 창업하여 교육·업무·창작 전반에 AI를 더하는 콘텐츠를 만들고 있다. AI 입문 유튜브 채널 '퇴근후딴짓'을 운영하며 비개발자도 생성형 AI와 바이브 코딩을 통해 자신의 아이디어를 실제 서비스로 구현할 수 있도록 돕는다. 기업, 공공기관, 대학을 대상으로 생성형 AI 활용과 업무 자동화 교육을 진행하고 있으며, 데이터 분석 프로젝트도 수행하고 있다. 인프런에서 누적 수천 명의 수강생에게 높은 평점을 받았다. 저서로는 『2026 시나공 빅데이터분석기사 실기』(길벗, 2025), 『파이썬 딥러닝 텐서플로』(정보문화사, 2021)가 있다.
Payment & Security
Payment methods
Your payment information is processed securely. We do not store credit card details nor have access to your credit card information.
