본 강의는 『혼자 공부하는 바이브 코딩 with 클로드 코드』의 내용을 바탕으로 제작하였습니다.
🔗실습예제: https://github.com/taehojo/vibecoding
🔗저자님께 질문하기: https://github.com/taehojo/vibecoding...
👨🏫주요 강의 내용
Ch 08. MCP로 클로드 코드의 한계 넘어서기
00:11 강의 구성
00:36 ✦[PART 1. MCP 이해하고 클로드 코드와 연결하기]
00:49 MCP(Model Context Protocol)란?
01:58 API vs MCP 차이점
05:28 클로드 코드와 노션 연결하기
12:14 로컬 MCP와 원격 MCP
20:13 ✦[PART 2. MCP로 구현하는 완전 자동화 개발 환경]
20:18 자동화를 위한 MCP 예제
21:14 Context7 MCP 설치하기
24:14 Playwright MCP 설치하기
26:12 쇼핑리스트 앱 만들기
30:30 깃허브 MCP로 프로젝트 영구 보관하기
36:21 ✦[PART 3. 데이터베이스 연결해 진짜 서비스 만들기]
36:47 배포(Deploy)란?
37:20 로컬 스토리지 vs 클라우드 스토리지
38:16 Supabase로 데이터베이스 연동
39:08 Vercel 계정 만들고 깃허브 연결하기
39:38 프로젝트 배포하기
40:34 배포된 내 웹사이트 확인하기
41:55 Supabase 가입하고 조직 생성하기
43:11 Supabase MCP 서버 설치와 API 토큰 발급
47:25 클로드 코드로 데이터베이스 자동 연동하기
49:31 데이터베이스 테이블 생성 확인하기
49:55 데이터베이스와의 실시간 동기화 확인하기
53:48 핵심 용어 정리
-----
✅혼자 공부하는 바이브 코딩 with 클로드 코드
https://www.hanbit.co.kr/store/books/...
코딩을 몰라도 앱을 만들 수 있는 시대입니다. 아이디어만 있다면, 클로드 코드와 대화하며 원하는 기능을 구현할 수 있습니다.
이 책은 코드를 직접 작성하기보다, AI와 소통하며 원하는 결과를 이끌어내는 새로운 개발 방식을 소개합니다.
⠀
15개의 실습 프로젝트를 따라, 개인 웹페이지 제작부터 손글씨 인식, 퀴즈 앱, 이미지 기반 추천, AI 요약, 노션 자동화, 클라우드 배포까지 다양한 흐름을 AI와 함께 체험합니다.
단순한 예제 따라 하기가 아니라, 기획·설계·테스트·배포까지 실무 개발 전 과정을 AI와 협업하며 완주하는 경험을 제공합니다.
✅추천 독자
• 프로그래밍 경험은 없지만 AI로 직접 앱을 만들고 싶은 사람
• 업무 자동화와 개인 생산성 향상을 원하는 직장인
• 사이드 프로젝트를 빠르게 실험하고 싶은 예비 개발자·크리에이터
• AI 에이전트 협업과 MCP 활용을 통해 생산성을 극대화하고 싶은 개발자
#바이브코딩 #클로드코드 #AI #MCP #노션 #Context7 #Playwright #깃허브 #github #배포 #supabase #vercel #데이터베이스