Vibe Coding 커리큘럼4개 코스 (코스 당 8주)🧑‍💻

1

모듈 1. 프론트엔드 (8주)

Chapter주차주제 (프로젝트)핵심 기술 스택 및 개념
Chapter 1
(1주 과정)
1주차프로덕트 기획 및 초고속 런칭
(시크릿 방명록 포트폴리오)
• LLM 활용 PRD 기획
• ChatGPT/Claude로 아이디어 구체화, 기능 정의
• AI 빌더 oooo(v0) - 프롬프트 기반 UI/UX 프로토타이핑
• Supabase (간편 인증/DB) - No-Code 툴 내에서의 간편 연동 개념 이해
• Vercel 배포 - Git 연동을 통한 원클릭 배포 및 Live URL 생성
Chapter 2
(3주 과정)
2주차기초 SaaS 개발 #1
(AI 콘텐츠 아이디어 생성기)
• Task Master MCP
• PRD를 실행 가능한 개발 Task List로 분해
• Cursor (강의 시기 트렌드에 따라서 AI IDE 선택)
• Rules(코딩규칙), @멘션(파일 컨텍스트) 기능 활용
• Next.js / TailwindCSS
• React 기반 프레임워크 및 Utility-First CSS
3주차기초 SaaS 개발 #2
(AI 콘텐츠 아이디어 생성기)
• Supabase (백엔드 심화)
• Auth: 이메일/소셜 로그인 직접 구현
• Database, RLS
• Context7 MCP로 최신 문서 기반 코드 생성
• CRUD 로직 구현
4주차기초 SaaS 개발 #3
(AI 콘텐츠 아이디어 생성기)
• n8n (No-Code 워크플로우 자동화)
• Webhook: 서비스 간 데이터 수신 및 트리거 개념
• API 자동화: 코딩 없이 API들을 시각적으로 연결
• 외부 LLM API 연동
Chapter 3
(4주 과정)
5주차심화 SaaS 개발 #1
(문서/URL 기반 Q&A 챗봇)
• Figma MCP (디자인 기반 개발 - PRD로 대체 가능 아직 figma mcp는 불안정)
• Figma 디자인 파일을 AI의 핵심 텍스트로 제공
• shadcn/ui (UI 컴포넌트 라이브러리)
• 재사용 가능한 UI 컴포넌트 설계 및 커스터마이징
• Design-to-Code
• Figma 시안을 기반으로 AI에게 UI 코드 생성 지시
6주차심화 SaaS 개발 #2
(문서/URL 기반 Q&A 챗봇)
• Vector DB (Supabase, pinecone, neo4j 등)
• Embedding: 텍스트를 벡터로 변환하여 의미 기반 검색
• RAG (정보 증강 생성) 원리
• DB설계 → AI에게 문서 기반으로 정확한 답변 생성
• n8n으로 RAG 파이프라인 시각적 구현
7주차심화 SaaS 개발 #3
(문서/URL 기반 Q&A 챗봇)
• Playwright (E2E 테스트 자동화)
• 사용자 시나리오 기반 테스트 코드 및 리포트 생성
• AI에게, 흐름 상태 체크 및 UX 개선
• 외부 API와 연동으로 기능 확장
8주차개인 프로젝트 고도화
(Capstone & Demo Day)
• 결제 연동
- 국내: 토스 페이먼츠, 해외: Lemon Squeezy/Paddle 등
• Capstone Project
- 기존 프로젝트에 부족했던 아이디어 정립 및 구현
• 문제 해결
- 예측 불가능한 문제를 AI와 협업하여 해결
2

모듈 2. 백엔드 & DevOps 마스터리 (8주)

● 프로젝트 주제: 예시로 "실시간 AI 음식 주문 & 배달 중계 플랫폼" 선정, 수강생의 수준에 맞게 조절 가능.
● (핵심은 1~4주는 모노리식, 5~8주는 MSA로 보여주고, NestJS, IaC(Terraform), sql, docker 생성, github actions 스크립트 등을 "바이브코딩"으로 최대한 알려주는것이 목표)
● Pinecone (Vector DB): 사용자의 리뷰 텍스트나 음식 설명 등을 벡터로 저장하여, "따뜻하고 아늑한 분위기의 레스토랑" 또는 "매콤한 국물 요리"와 같은 감성/의미 기반 검색 기능을 구현합니다.
● Neo4j (Graph DB): '사용자-주문-가게-음식

Chapter주차주제 (프로젝트)핵심 기술 스택 및 개념
Chapter 1
(4주 과정)
1주차모놀리식 개발 #1:
가게/메뉴 관리
(가게 등록 및 메뉴 관리 기능)
• Cursor (강의 시기 트렌드에 따라서 AI IDE 선택)
- Rules(코딩규칙), @멘션(파일 컨텍스트) 기능 활용 등 설정
• NestJS Fundamentals & AI 기반 코드 생성
• 데이터베이스 설계 (RDBMS)
- Supabase/PostgreSQL 기반 스키마 설계
- Context7 MCP로 최신 문서 기반 코드 생성
2주차모놀리식 개발 #2:
주문/리뷰 관리
(사용자 주문 및 리뷰 작성 기능)
• 복합적인 비즈니스 로직 (주문 상태 변경)
• AI Assisted Refactoring (코드 구조 개선)
• NoSQL 데이터베이스 (MongoDB, 리뷰 저장)
3주차클라우드 인프라 구축
(API 서버를 클라우드에 배포)
• Terraform (Infrastructure as Code)
• Docker MCP ("최적화된 Dockerfile 만들어줘")
4주차CI/CD 배포 자동화
(코드를 푸시하면 자동 배포)
• Github Actions (CI/CD)
• Actions ("배포 워크플로우 짜줘")
Chapter 2
(4주 과정)
5주차MSA로의 전환 및 이벤트 기반 설계
설계('가게', '주문', '알림' 서비스 분리)
• System Design (MSA 전환 설계)
• Event-Driven Architecture (RabbitMQ/SQS)
• Event-Sourcing (이벤트 발행 코드 생성)
6주차AI 검색 서비스 구축
(의미/감성 기반 검색 기능 추가)
• Pinecone (Vector DB)
• 텍스트 임베딩 (리뷰, 음식 설명을 벡터로 변환)
• Semantic Search
- AI에게 리뷰 텍스트를 임베딩하여 Pinecone에 저장하는 파이프라인 지시
- 혹은 n8n 사용
7주차그래프 기반 추천 엔진 구축
(개인화 추천 기능 추가)
• Neo4j (Graph DB)
• Graph Data Modeling (노드, 관계 설정)
• Cypher Query Language
• AI에게 A를 주문한 사용자가 함께 주문한 B를 찾는 Cypher 쿼리 지시
8주차시스템 통합 및 실시간 알림 기능
(전체 시스템 완성 및 라이더 추적)
• Redis (캐싱 및 실시간 Pub/Sub)
- Neo4j의 추천 결과를 캐싱하여 성능 향상
- 라이더 위치 실시간 브로드캐스팅
• Observability (통합 모니터링 프론트 페이지)
- 바이브 코딩으로 프론트엔드 페이지 간단하게 작성
3

모듈3. Flutter Mastery

프로젝트 주제: 예시로 챕터1은 AI 인스타그램 클론, 챕터2는 AI 통역 앱 선정, 수강생의 수준에 맞게 조절 가능. (핵심은 여러가지 Flutter를 바이브 코딩으로 가능하다는 것, Dart 언어, State Management에 대한 이해, pub.dev library 사용, 외부 API 사용, 모바일 백그라운드 작업의 이해, 모바일 특화 설정 등이 주 목표)

Chapter주차주제 (프로젝트)핵심 기술 스택 및 개념
Chapter 1
(4주 과정)
1주차기획 및 피드 UI• PRD & Task Master MCP: "AI 인스타그램 클론"의 핵심 기능 정의 및 개발 과업 분해
• 상태 관리 (GetX): GetMaterialApp, Get.to, Obx 등 기본 개념 학습
• UI 구현: Cached_network_image 등 pub.dev 라이브러리를 활용해 메인 피드 UI 구현
• Task Master MCP
- PRD를 실행 가능한 개발 Task List로 분해
2주차Cursor로 기능 구현하기
(사진 업로드 및 인증)
• Cursor (강의 시기 트렌드에 따라서 AI IDE 선택)
- Rules(코딩규칙), @멘션(파일 컨텍스트) 기능 활용
• 상태 관리 (GetX): GetxController를 이용해 이미지 선택 및 업로드 상태 관리
• Firebase 연동: Auth(인증), Storage(이미지 저장), Firestore(게시물 정보 저장)
• 외부 라이브러리: image_picker를 활용하여 디바이스 갤러리/카메라 접근
3주차AI 자동 캡션 생성• 외부 API 연동 (http/dio): GPT-4V, Gemini 등 이미지 인식 LLM API 연동
• AI 기능: 업로드된 이미지를 분석하여 자동으로 어울리는 캡션을 추천하는 기능 구현
• 의존성 주입 (GetX): Get.put, Get.find를 이용한 서비스 로케이터 패턴
4주차소셜 기능 및 프로필
내 기기 실행 / 에뮬레이터
• 실시간 기능: Firestore stream을 Obx와 연결하여 '좋아요' 실시간 반영
• UI 심화: GridView를 이용해 내가 올린 게시물을 모아보는 프로필 화면 구현
• 애니메이션: GetX를 활용한 간단한 UI 상태 변화 애니메이션 적용
• 기기에서 테스트
Chapter 2
(4주 과정)
5주차기획 및 대화방 UI• PRD & Task Master MCP: "AI 언어 교환 앱"의 요구사항을 정의하고 개발 과업 분해
• 상태 관리 (Riverpod): ProviderScope, ConsumerWidget, Provider 등 핵심 개념 학습
• 아키텍처: GetX와 다른 Riverpod의 의존성 주입 방식 및 선언적 구조 이해
6주차AI 튜터와 대화하기• 외부 AI API: Text-to-Speech(ElevenLabs 등), Speech-to-Text(OpenAI Whisper 등) API 연동
• 상태 관리 (Riverpod): StateNotifierProvider를 이용해 대화 기록, 로딩 상태 등 복잡한 상태 관리
• 네이티브 기능: mic_stream 등 pub.dev 라이브러리를 이용한 실시간 음성 입력 처리
7주차대화 내용 분석 및 피드백• AI 기능 심화: 대화가 끝나면 LLM API가 사용자의 발화 내용을 분석하여 문법 교정 및 더 나은 표현을 제안하는 기능
• 데이터 영속성: Drift/sqflite를 이용해 학습 기록 및 AI 피드백을 로컬 DB에 저장
• 성능 최적화: Riverpod의 .autoDispose, select를 활용한 불필요한 위젯 재빌드 방지
8주차수익화 및 CI/CD 및 앱
스토어 배포 준비
• CI/CD (옵션: Codemagic): Github에 코드를 푸시하면 자동으로 테스트 및 TestFlight/Play Console에 배포
• 수익화: 스토어에 product 설정하고 수익화 준비하기
• 스토어 심사: App Store/Play Store의 서명 과정과 심사 가이드라인 이해 및 최종 앱 제출
4

모듈 4 : LLM 기반 소버린 AI 에이전트 구축

다음은 특정 회사 내부에서만 작동하며, 회사 내 데이터만 공유되는 소버린 AI 에이전트를 구축하는 예시입니다.
이 에이전트의 이름은 InhouseGPT이며, 목적은 사내 문서를 분석하고 구성원의 질문에 응답하는 것입니다.
외부와는 전혀 연결되지 않는 폐쇄형 시스템으로, 오직 사내 구성원만 접근할 수 있습니다.
이러한 설정을 통해 기업 내부 데이터를 안전하게 활용하며, 보안과 자율성을 동시에 확보하는 사내 전용 소버린 AI 시스템을 구성할 수 있습니다.

Chapter주차주제 (프로젝트)핵심 기술 스택 및 개념
Chapter 1
(4주 과정)
1주차온프레미스 LLM 서버 구축
GPU 서버 세팅 및 Llama3 배포
FastAPI 기반 추론 서버
• GPU 서버 환경 구축 (Ubuntu, CUDA, 드라이버)
• Llama3/llama.cpp 온프레미스 배포
• FastAPI로 LLM 추론 API 구현
• Docker Compose로 인프라 구성 자동화
• 사내망 방화벽/네트워크 설정
2주차사내 인증/인가 시스템 연동
SSO(SAML, OAuth2) 적용
접근제어 및 감사 로그 설계
• SSO(SAML, OAuth2) 연동 실습
• API 접근제어(JWT, RBAC)
• 감사 로그 및 보안 이벤트 기록
• 사내 보안 정책 적용(비밀번호, 2FA 등)
3주차사내 데이터 연동 및 ETL
ERP/그룹웨어/위키 등 데이터 수집
ETL 파이프라인 구축
• 사내 데이터 소스(ERP, 위키 등) 크롤링/수집
• ETL 자동화 파이프라인 설계
• 데이터 전처리 및 정제
• 정기적 데이터 동기화 스케줄링
4주차LLM 서버 운영/모니터링
장애 대응 및 운영 자동화
• LLM 추론 서버 모니터링(Prometheus, Grafana)
• 장애 알림/자동 롤백 스크립트
• 운영 자동화(배포, 백업, 로그 관리)
Chapter 2
(4주 과정)
5주차사내 문서 크롤링/수집
벡터화 및 벡터DB 구축
• 사내 문서 크롤러/수집기 개발
• 문서 전처리/청킹/벡터화
• FAISS/Chroma 등 벡터DB 구축
• 문서 인덱싱 자동화
6주차RAG 파이프라인 설계 및 Q&A API 완성
프롬프트 엔지니어링
• RAG(정보증강생성) 파이프라인 설계
• 프롬프트 엔지니어링 실습
• 문서 기반 Q&A API 완성
• LLM 응답 품질 평가 및 개선
7주차관리자 대시보드/권한 관리
질의 통계/모니터링
• 관리자 대시보드(문서 업로드, 인덱싱 현황, 질의 통계)
• 사용자별 권한 관리
• 질의/응답 로그 시각화 및 모니터링
8주차실전 프로젝트 및 최종 데모
AI 거버넌스/윤리/보안 강화
• 사내 FAQ 챗봇, 정책 질의응답, 문서 자동 요약 등 실전 프로젝트
• 데이터 거버넌스/AI 윤리 가이드라인
• 데이터 암호화, 접근 로그 분석, 이상행동 탐지 등 보안 강화 실습