홈앤서비스 SK BROADBAND

웹 명함 제작부터 사내 스터디 관리 플랫폼까지 커서, 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 마치며

부록
찾아보기