무료 툴 완전 가이드
돈 한 푼 없이 시작할 수 있는 무료 개발 환경 완전 가이드. GitHub Codespaces, Gemini Free, Vercel, Supabase 조합.
// 무료 툴 스택 (2025 기준)
// 1. GitHub Codespaces // 브라우저에서 VS Code 환경 // 월 60시간 무료 // → github.com/codespaces
// 2. Gemini CLI (무료) npm install -g @google/gemini-cli gemini "이 코드 리뷰해줘"
// 3. Vercel (프론트 배포) npx vercel // → 무료 플랜으로 배포 가능
// 4. Supabase (DB + Auth) // → 무료: 월 500MB, 2개 프로젝트 // → supabase.com/dashboard
// 5. Railway (백엔드) // → 월 $5 크레딧 무료 제공
🛠️ 이 챕터의 실습 방법
폴더 구조 실습
CH.1에서 만든 프로젝트에서 계속
cd my-project
폴더 구조 생성
mkdir -p src/components src/lib src/hooks src/types mkdir -p src/app/api
환경변수 설정
cp .env.example .env.local
.env.local에 필요한 값 입력
DB 연동 실습 (Supabase 무료)
- https://supabase.com 가입 (GitHub 로그인)
- New Project 생성 (무료 플랜)
- Project Settings → API에서 URL + anon key 복사
- .env.local에 붙여넣기:
NEXT_PUBLIC_SUPABASE_URL=복사한URL NEXT_PUBLIC_SUPABASE_ANON_KEY=복사한키
- npm install @supabase/supabase-js
설치 없이 실습하는 방법
GitHub Codespaces 또는 CodeSandbox에서 동일하게 가능합니다. Supabase는 클라우드 서비스이므로 어디서든 연결할 수 있습니다.
Gemini 2.5 Flash(무료) + Claude Sonnet 4.6(무료) + Grok 4.1(무료)
'무료 툴 완전 가이드'를 0원으로 시작하고 싶어. Gemini(무료)로 기존 서비스 분석 + Claude(무료)로 핵심 코드 생성 + Vercel·Supabase 무료 티어로 배포까지 끝내는 플랜을 짜줘.
Claude API + Cursor $20/mo + Make.com — 월 10~30만원
'무료 툴 완전 가이드'에 월 20만원을 투자할 수 있어. Claude API(코드) + Make.com(자동화) + Stripe(결제) 조합으로 수익 구조까지 포함한 아키텍처를 월 비용 분배안과 함께 설계해줘.
Claude Opus + CrewAI + LangGraph — 월 100만원+
'무료 툴 완전 가이드'를 프로덕션으로 스케일업하려 해. CrewAI(개발+테스트+배포 에이전트 팀) + LangSmith(모니터링) + K8s(오토스케일링) 엔터프라이즈 아키텍처를 월 100만원 예산으로 설계해줘.
0원→$20/mo→$100/mo 단계별 스택 비교
'무료 툴 완전 가이드'를 만들 때 1인 개발자에게 최적의 스택을 알려줘. 예산 0원→20만원→100만원 단계별로 프론트+백+DB+AI+배포 전체 스택과 전환 시점을 설계해줘.