AI Coding Agent로 웹앱에서 유튜브 채널까지
5주 만에 실제 운영되는 서비스를 만드는 실전 과정
커리큘럼 개요
1주차
AI-Native Creation
웹 서비스 기획부터 배포까지
가장 쉬운 환경에서 AI와 함께 웹 서비스를 기획하고 배포까지 완성합니다.
ReplitPythonOpenAI APIClaude API
상세 보기 →2주차
Mobile Expansion & Market Ready
모바일 앱 확장, 디버깅, 마케팅
로컬 개발 환경으로 전환하여 모바일 앱으로 확장하고 마케팅 준비를 합니다.
VS CodeClaude CodeFirebaseFirestoreTypeScript
상세 보기 →3주차
Monetization & Agentic AI 맛보기
결제, 뉴스레터 자동화
서비스 수익화를 위한 결제 시스템과 자동화된 뉴스레터 Agent를 구현합니다.
StripeClaude APIFirebase FunctionsCloud Scheduler
상세 보기 →4주차
Agentic AI Workflow
유튜브 채널 자동화
스크립트 생성부터 영상 제작, 업로드까지 완전 자동화된 유튜브 Agent를 만듭니다.
Gemini APIElevenLabsFFmpegYouTube API
상세 보기 →5주차
High-End UX & Control
프로덕트 완성도 높이기
최신 디자인 트렌드를 적용하고 프로덕트 완성도를 높여 최종 서비스를 완성합니다.
ReactFramer MotionTailwind CSS전체 기술 스택
상세 보기 →주차별 상세 커리큘럼
학습 내용
- AI Agent란 무엇인가? - 자동화 vs 에이전트의 차이
- Replit 환경 설정 및 기본 사용법
- AI API 연동하기 (OpenAI / Claude)
- 프롬프트 엔지니어링 기초
- 마음일기 서비스 기획 및 구현
- Replit으로 웹 서비스 배포하기
학습 결과물
감정을 분석하고 맞춤 피드백을 제공하는 마음일기 웹 서비스 완성
📋 사전 준비사항
레플릿 결제 (유료 플랜)
학습 내용
- VS Code + Claude Code 설정하기
- Firebase 프로젝트 생성 및 설정
- Firestore로 데이터 영속화하기
- Firebase Auth로 사용자 인증 구현
- 모바일 앱 확장 (PWA / 반응형)
- 디버깅 및 에러 핸들링 전략
- 마케팅을 위한 SEO 및 메타데이터 설정
- 플랫폼 전략 소개 (게스트 강의: 지용구 대표)
학습 결과물
모바일 지원, 사용자 인증이 포함된 마음일기 v2 완성
📋 사전 준비사항
Claude Code 설치 (유료), GitHub 계정 생성 (Firebase deploy용)
학습 내용
- 결제 시스템 연동 (Stripe / 토스페이먼츠)
- 구독 모델 설계 및 구현
- 수익화 전략 및 가격 책정
- 뉴스레터 자동화 시스템 구조
- Claude API로 웹 검색 및 뉴스 수집하기
- AI로 뉴스 요약 및 인사이트 도출하기
- Firebase Mail Extension으로 이메일 발송하기
- 스케줄링: Cloud Scheduler로 자동 실행 설정
학습 결과물
결제 기능이 포함된 서비스 + 자동화된 뉴스레터 Agent 완성
실제 운영 사례: 태디뉴스
매일 아침 7시, AI/Tech 뉴스를 4명의 가상 패널이 토론하는 팟캐스트와 함께 발송
📋 사전 준비사항
어떤 뉴스를 수집할지 주제 선정 (예: 동남아 뉴스, 특정 산업 뉴스)
학습 내용
- 실제 운영 사례 분석: 역사의 목격자 채널 구조
- Gemini로 영상 스크립트 자동 생성하기
- ElevenLabs로 내레이션 음성 합성하기
- Gemini/Imagen으로 장면별 이미지 생성하기
- FFmpeg로 비디오 조립하기 (Ken Burns 효과)
- YouTube Data API로 자동 업로드하기
- Cloud Functions + Scheduler로 매일 자동 실행
- Firestore로 중복 에피소드 방지하기
학습 결과물
매일 자동으로 쇼츠를 생성하고 업로드하는 유튜브 Agent 완성
실제 운영 사례: 역사의 목격자
매일 아침 자동으로 2분짜리 역사 쇼츠를 생성하고 YouTube에 업로드
📋 사전 준비사항
유튜브 채널 주제 구상해오기 (어떤 콘텐츠를 자동화할지)
학습 내용
- 최신 UI/UX 트렌드 및 디자인 시스템
- 애니메이션 및 인터랙션 구현
- 성능 최적화 (Core Web Vitals)
- 접근성(A11y) 고려사항
- 에러 바운더리 및 폴백 UI
- 최종 서비스 발표 및 피드백
- 운영 노하우 및 확장 전략 공유
- 네트워킹 및 Q&A
학습 결과물
완성도 높은 최종 서비스 포트폴리오 완성
수강 안내
수강 전 준비사항
- 기본적인 프로그래밍 개념 이해 (변수, 함수, 조건문)
- 영어 기술 문서 읽기 가능
- ChatGPT 또는 Claude 사용 경험
- 호기심과 실험 정신!
수강 후 할 수 있는 것
- AI Agent의 개념과 아키텍처를 이해한다
- Replit, Firebase, Claude Code 등 개발 도구를 활용한다
- Claude, Gemini, ElevenLabs 등 AI API를 연동한다
- 자동화된 워크플로우를 설계하고 구현한다
- 실제 운영 가능한 AI Agent를 배포한다
실제 운영 중인 시스템을 직접 만들어봅니다
이론이 아닌, 매일 자동으로 돌아가는 실전 Agent를 만듭니다.
태디뉴스 - 실제 운영 중역사의 목격자 - 실제 운영 중