🚀 모든 비디오 자료에 액세스하고 커뮤니티에서 개인 맞춤 도움을 받으세요:
https://www.skool.com/agentic-labs/ab...
💬 제 AI 음성-텍스트 변환 소프트웨어(Wispr Flow): https://wisprflow.ai/r?LEON114
☕ 커피 한 잔 사주세요: https://www.buymeacoffee.com/leonvanzyl
💵 PayPal로 기부하기: https://www.paypal.com/ncp/payment/EK...
Claude Code와 Cursor를 사용하여 처음부터 풀스택 Secret Santa 앱을 바이브 코딩하는 방법을 배워보세요. 이 종합 튜토리얼은 무료 에이전트 앱 보일러플레이트를 사용한 프로젝트 설정부터 Claude Opus 4.5를 활용한 AI 기반 기능 구현, BetterAuth를 사용한 Google OAuth 인증, OpenRouter를 사용한 AI 기반 선물 추천, 그리고 Neon Postgres 데이터베이스를 사용한 Vercel 환경 배포에 이르기까지 전체 개발 워크플로를 다룹니다.
⏰ 타임스탬프:
00:00 - 시크릿 산타 앱 개요
00:28 - Bolt 또는 Lovable 대신 Claude Code를 사용하는 이유
01:26 - Claude Opus 4.5 코딩 에이전트 설정
02:53 - Agentic 앱 보일러플레이트 설치
04:06 - 기술 스택: Next.js, BetterAuth, OpenRouter
04:33 - AI 에이전트를 사용한 기능 계획
07:01 - 기능 생성 워크플로
07:56 - 컨텍스트 창 관리 팁
09:42 - Git 커밋 및 체크포인트
11:05 - GitHub 저장소 설정
12:47 - Docker Postgres 데이터베이스 설정
14:21 - Google OAuth 자격 증명
16:09 - OpenRouter API 키 구성
17:15 - 단계별 구현
18:19 - GitHub Issues 프로젝트 추적
23:43 - AI 코드 검토 워크플로
24:44 - 시크릿 산타 테스트 앱
31:03 - AI 선물 추천 기능
33:22 - Gemini를 사용한 UI 개선
34:32 - Vercel 프로덕션 배포
37:16 - 프로덕션용 Neon 데이터베이스
40:10 - 최종 테스트 및 마무리
#claudecode #agenticcoding #vibecoding
