대세는 바이브 코딩과 MCP_Cursor AI로 시작하기

본 강의는 2026년 10월 19일, Cursor AI 최신 기능을 반영하여 리뉴얼되었습니다.

-

생성형 인공지능의 최신 트렌드, AI 에이전트!

개발 업무를 다 해주는 Cursor와 기능을 확장해주는 MCP로 앞서나가는 방법!

대세는 바이브 코딩과 MCP, Cursor AI로 시작하기

프롬프트만 바꿔가며 운에 맡기던 바이브 코딩,

이제 PRD와 TECH_SPEC으로 설계해서 만드세요.

코드는 몰라도 됩니다. 8개 서비스를 직접 완성하며 익힙니다.

-

일단 만들어 달라고 했다가,

결국 처음부터 다시 시킨 적 있으신가요?

Cursor AI 이전: 운에 맡기는 바이브 코딩

✗ “홈페이지 만들어줘” 한 줄을 보내고, 마음에 안 들면 같은 말을 처음부터 다시 보냅니다

✗ 버튼 색 하나 바꿨을 뿐인데 page.tsx 전체가 바뀌어 어디가 달라졌는지 모릅니다

✗ localhost:3000에서만 열리는 서비스라 동료에게 링크 하나 보내지 못합니다

Corsor AI 이후: 설계대로 쌓아 올리는 개발

✓ PRD로 만들 것을 정하고 TECH_SPEC 순서대로 한 단계씩 구현합니다

✓ Project Rules와 Docs 인덱싱으로 같은 기준의 코드를 받습니다

✓ GitHub에 올리고 Vercel로 배포해 누구나 접속하는 URL로 공유합니다

-

AI 채팅은 익숙하지만,

내 서비스를 직접 만들어 배포하는 일은 아직 낯선 분들을 위한 강의입니다.

아이디어만 쌓인 기획자 — 개발 일정을 기다리지 않고 프로토타입을 직접 띄워 검증하고 싶은 분

코드가 낯선 마케터 — Claude API로 내 업무에 맞춘 마케팅 문구 생성 도구를 만들고 싶은 분

결과물이 들쭉날쭉한 바이브 코더 — AI가 만든 코드의 품질을 규칙과 명세로 일정하게 관리하고 싶은 분

배포가 막막한 사이드 프로젝터 — 만든 서비스를 실제 URL로 배포해 포트폴리오로 증명하고 싶은 분

PRD로 설계하고 Cursor로 구현해, 내 아이디어를 실제 URL로 띄우세요!

-

Cursor AI로 기획서부터 상용 서비스까지 완성하는 5단계 과정

PRD로 요구사항을 정하고 TECH_SPEC으로 단계를 나누는 프로세스로, 8개의 실전 서비스를 완성합니다.

1. AI와 대화하듯 개발을 시작하는 ‘바이브 코딩 기본기’

Cursor와 Next.js로 환경을 구성하고, 구조화 프롬프트와 생성형 AI 원리를 익혀 첫 홈페이지를 완성합니다.

2. 매번 같은 품질의 코드를 받아내는 ‘Cursor 품질 관리 노하우’

User Rules·Project Rules·Docs 인덱싱을 적용해 파이썬 게임과 포트폴리오를 명세대로 구현합니다.

3. 내 컴퓨터를 벗어나 세상에 공개하는 ‘GitHub·Vercel 배포’

Git으로 소스코드를 관리하고 Vercel로 배포해, 수정 사항이 자동 반영되는 서비스를 운영합니다.

4. 외부 데이터와 생성형 AI를 결합하는 ‘API 연동 서비스’

날씨·Claude·이미지 생성 API를 연결한 서비스를 만들고, 챗봇을 상용 수준의 UI로 완성합니다.

5. AI에게 새 도구를 연결하는 ‘MCP 연동 개발’

Playwright MCP로 브라우저를 직접 다루고, 21st.dev MCP로 UI 컴포넌트를 가져와 개발합니다.

-

수강 후 당신은 이런 사람이 됩니다

웹서비스 설계자

코드보다 기능 명세 문서를 먼저 쓰는 만들 기능과 구현 순서를 문서로 정리해, AI에게 매번 같은 기준을 전달합니다.

1인 프로덕트 메이커

기다리지 않고 직접 띄우는 떠오른 아이디어를 프로토타입으로 바로 만들어 검증합니다.

AI 도구 제작자

반복 업무를 AI 도구로 바꾸는 문구 작성이나 이미지 시안처럼 반복되는 일을 내 업무에 맞춘 AI 서비스로 만듭니다.

개발 환경 확장가

새 도구를 바로 연결하는 새로운 MCP 서버가 나오면 Cursor에 연결해 내 개발 환경을 스스로 넓혀갑니다.

-

강의를 이끄는 강사님

김진

現 마소캠퍼스 대표

서울대학교 MBA 졸업

바이브 코딩 & Cursor AI 실무 강사

개발의 경쟁력은 코드를 얼마나 아는가에서, AI에게 무엇을 어떻게 요청하는가로 옮겨가고 있습니다. 그래서 이 강의는 Cursor의 메뉴 소개가 아니라 결과물을 끝까지 완성하는 방법에 집중합니다. PRD로 만들 것을 정하고 TECH_SPEC으로 순서를 나눈 뒤 구현하는 같은 프로세스로, 홈페이지부터 AI 챗봇과 MCP 연동까지 8개 서비스를 완성합니다.

내 아이디어가 실제 URL로 열리는 순간, 저와 함께 만들어보시겠어요?

본 강의에서 사용할 프로그램

Cursor AI | 무료로 시작 가능, 원활한 실습은 Premium(월 $30) 이상 권장

Claude API | 결제수단 등록 후 사용량 과금, 마케팅·이미지·챗봇 프로젝트에 사용

주의사항

• Cursor AI 및 각 서비스 업데이트에 따라 요금, 강의 화면(UI) 및 기능이 실제 수강 시점과 다를 수 있으며, 본 강의는 촬영 당시 버전을 기준으로 핵심 개념과 실무 활용에 중점을 두었습니다.
• Cursor AI·Claude API 등 각 서비스의 요금 및 정책은 Anysphere·Anthropic 등 각 제공사에 따라 변경·종료될 수 있으므로 이용 전 최신 정보를 확인해 주세요.

FAQ

Q. 코딩을 한 번도 해본 적 없는 비개발자도 수강할 수 있나요?

네, 가능합니다. 본 과정은 코드를 직접 타이핑하는 대신 자연어로 Cursor AI에 개발을 지시하고 결과를 확인하는 방식으로 진행합니다. 프로그램 설치부터 단계적으로 따라가며, 실습에 쓰는 프롬프트도 함께 제공합니다.

Q. 강의에서 만든 서비스를 실제로 바로 쓸 수 있나요?

네, 가능합니다. 실습한 서비스는 GitHub에 올리고 Vercel로 배포해 외부에서 접속되는 URL로 공유할 수 있습니다. PRD와 TECH_SPEC으로 개발하는 방식은 새로운 아이디어에도 그대로 적용됩니다. 다만 실제 운영 서비스로 쓸 때는 API 키 관리와 사용량 비용을 먼저 점검해야 합니다.