바이브코딩 (Vibe Coding)

바이브코딩(Vibe Coding)은 코드를 직접 작성하지 않고, AI에게 자연어로 설명하여 원하는 결과물을 만들어내는 새로운 개발 패러다임입니다.

과정 진행 흐름

기획 → PRD 작성 → 프로토타입 → 코드 실행 → DB/API 연동 → 배포

본 과정은 위 흐름으로 구성되어 있으며, 프로그래밍 경험이 없는 분도 AI 도구를 활용해 실제 동작하는 웹 서비스를 완성할 수 있도록 설계되었습니다.

🎯 학습 목표

• 바이브코딩의 개념과 AI 기반 개발 방식의 원리를 정확히 이해합니다.

• ChatGPT, Claude, v0.dev 등 주요 AI 개발 도구의 특징과 활용법을 익힙니다.

• 효과적인 프롬프트 작성법을 습득해 AI가 원하는 코드를 정확하게 생성하도록 유도합니다.

• PRD(제품 요구사항 문서) 작성을 통해 아이디어를 체계적으로 기획·구조화합니다.

• Supabase(DB)와 EmailJS(API) 연동을 직접 구현하며 실제 동작하는 웹 서비스를 완성합니다.

• 자신만의 포트폴리오 웹사이트를 배포하고, AI 시대에 필요한 자기주도적 개발 역량을 갖춥니다.

📚 10시간 생성형 AI × 바이브코딩 실습 과정 커리큘럼

1h

바이브코딩 소개

교육방법: 강의 · 실습툴: -

· 바이브코딩 개념 및 특징
· AI 개발 도구 소개

1.5h

기획 및 콘텐츠 정리

교육방법: 실습 & 강의 · 실습툴: ChatGPT / Claude

· 포트폴리오 기획
· 보여주고 싶은 것 3가지 정하기

2h

PRD 작성 및 프로토타입

교육방법: 실습 & 강의 · 실습툴: ChatGPT / v0

· PRD란 무엇인가?
· PRD 템플릿 이해 및 작성
· UI 프로토타입 생성

2h

코드 실행 및 데이터 연동

교육방법: 실습 · 실습툴: ChatGPT / Cursor / Supabase / EmailJS

· Cursor AI 코드 편집기 소개
· Node.js 환경 설정 및 npm install
· Supabase DB 연동(방명록)
· EmailJS 연동 및 테스트

3h

배포 및 마무리

교육방법: 실습 & 강의 · 실습툴: ChatGPT / Vercel

· Vercel CLI 설치 및 로그인
· 환경변수 설정
· 프로덕션 배포(vercel --prod)
· 최종 테스트 및 발표

📌 과정 요약

• 총 10시간으로 구성된 실습 중심 커리큘럼

• 생성형 AI 기초 → 기획 → 개발 → 배포까지 전 과정 경험

• 비전공자도 가능한 AI 기반 웹서비스 제작 실습 과정

👤 강사 프로필

신진우 강사

現 ㈜원더비전 개발팀장 · 現 엠나인파이브 개발팀장
前 ㈜디디테일러 대표 · 前 ㈜픽츄 대표

✓ 주요 강의·실무 경험

• 한국생산성본부(KPC) AI 실무 교육 강의

• AI 기반 서비스 및 웹·시스템 실무 개발 총괄

• 스타트업 창업 및 서비스 기획·개발·운영 경험