| 주차 | 학습 이론 | 실습 프로젝트 | 사용 도구 · API | 최종 산출물 · 데모 |
|---|---|---|---|---|
| W1 - 첫 프로젝트 & 팀빌딩/미션 | Vibe Coding 소개 (프로젝트 · 코드 · 협업) GPT-4 / Gemini / Cursor 환경설정 협업 규칙 · @doc: 예시 PRD 프로젝트 주제 선정 · 팀빌딩 프로젝트 Kickoff · 일정관리 · Preview 모듈 설계 · Analytics | 🔹 파이썬 개발환경 구축 🔹 파이썬 개발환경 구축 🔹 파이썬의 개론과 디자인패턴 🔹 FastAPI 구조 및 폴더 구조 설계 🔹 프로젝트 공통 API 기획 🔹 Supabase 구조 이해 및 연결 설정 🔹 GitHub 연동 및 .env 세팅 | Cursor, Tailwind, GPT-4.0, Claude / Vercel | Static Landing - 주요 소개 텍스트 - 팀별 랜딩 URL |
| W2 - Product Thinking & PRD.md | PM 사고 · PRD 작성법 - MVP 정의 - 주요 기능/문제 (Solution / Pain Point) - 유저 시나리오 · 플로우 - 와이어프레임 · 화면 설계 - API 설계 (OpenAPI) - 데이터 모델 설계 - 인증/권한 설계 | 🔹 프로젝트 기획 및 RFP 작성 🔹 ERD 설계 및 FastAPI 모델 정의 🔹 OpenAPI 문서화 및 JWT 기반 인증 구현 🔹 핵심 REST API (문서 등록 등) 개발 🔹 인증/권한 구조 설계 (JWT) 🔹 Swagger UI 구현 및 테스트 | Cursor, ChatGPT, Gemini, V0 builder | Functional Page V1 - PRD 문서 - 팀별 URL |
| W3 - Cursor × MCP & Web Search | MCP 개념 · Cursor 설정 - Smithy/AI 플러그인 소개 - SerpAPI · Webhook · 외부 JSON ... MCP 활용한 데이터 수집/연동 - 실시간 검색 · LLM 응답 | 🔹 FastAPI router/service 구조 고도화 🔹 문서 업로드 API + Supabase Storage 연동 🔹 로그인 · 회원가입 API 완성 🔹 Swagger 문서에 API 테스트 추가 | Cursor × MCP, SerpAPI, Make Webhook | 문맥 기반 응답 예시 - 실시간 검색 + LLM 응답 예시 |
| W4 - Frontend Vibe Coding | Next.js 14 핵심 이해 - Tailwind로 UI 컴포넌트 빌드 - 상태관리 · 폼 · 모달 - 팀별 프론트엔드 스케치 소개 | 🔹 Next.js + Zustand 기반 상태관리 구조 설계 🔹 Tailwind 기반 폼 및 모달 컴포넌트 🔹 axios 기반 API 연동 구조 설계 🔹 API 연동 테스트 (문서 업로드/로그인 등) | Next14, Tailwind, shadcn/ui, v0 | 폼 Form Site - 예시 폼 : Modal + 상태관리 |
| W5 - Supabase & RAG 적용 | SQL vs NoSQL, pgvector - Supabase 구조 이해 - Auth, RLS, Storage - RAG 적용 · 임베딩 | 🔹 Next.js 페이지 구성 + SSR 적용 🔹 Doc-RAG 결과를 프론트에서 연결 🔹 문서 검색 → Q&A 응답 뷰 구성 🔹 LangChain 기반 파이프라인 구축 (DocumentLoader → TextSplitter → VectorStore → RetrievalQA) 🔹 OpenAI API Key를 활용한 실시간 Q&A 기능 구현 🔹 사용자 입력 질문을 OpenAI로 전송하여 답변 생성 | Supabase, OpenAI Embeddings, pgvector, Supabase | Doc-RAG 예제 - 문서 업로드/검색 - Q&A |
| W6 - 자동화 (Zapier MCP 또는 팀별 선택) | 자동화 시나리오 설계 - Zapier MCP 연동 - Supabase Trigger → Slack/Email - 모니터링 전략 | 🔹 답변 결과를 프론트엔드에 실시간 표시 (로딩/에러 처리 포함) 🔹 API Key 보안 및 환경변수 관리 방법 적용 🔹 문서 업로드 후 알림 UI 구현 🔹 알림 설정 페이지 + 상태 체크 컴포넌트 🔹 슬랙/이메일 전송 API 호출 연동 | Zapier MCP 또는 팀별 선택, Supabase | Growth Automation - 예시: 알림/자동화 |
| W7 - Model-Swap Playground | Cline 및 LLM 실험 - 다양한 모델 비교/테스트 - API 연동 실습 | 🔹 Next.js 기반 모델 비교 뷰 구현 🔹 OpenRouter 등 다양한 LLM API 연동 🔹 모델 응답 결과 시각화 (차트 등) | Cline, OpenRouter API, Next.js(Chart) | Model-Swap Service - 실시간 LLM 교체 + 분석 |
| W8 - Capstone MVP + 발표 | 최종 프로젝트 · 팀별 코드 - Toss Payments 연동 - Demo Day : 최종 발표 | 🔹 Vercel로 PWA 프론트엔드 배포 🔹 Railway에 FastAPI 백엔드 배포 🔹 CI/CD 및 환경 변수 관리 🔹 Capstone 발표 및 실시간 데모 | Toss Payments, Supabase | Revenue MVP - LLM-RAG-Automation |