Replit — 브라우저 기반 개발·배포 통합 플랫폼
Replit — 브라우저 기반 AI Web IDE + 배포 통합 플랫폼
Replit 은 IDE · 협업 · 배포 + AI 코드 생성이 한 화면 안에 들어 있는 클라우드 개발 환경입니다. 로컬 셋업 없이 브라우저만으로 자연어 → 코드 → 배포까지 끝낼 수 있어 AI Web IDE 카테고리의 대표 주자입니다.
자리:
- AI Web IDE — 브라우저 IDE + LLM 통합 (Replit · Google AI Studio Build · Cursor Web · GitHub Codespaces + Copilot).
- AI 앱 빌더 (no-code) — 자연어로 결과물 생성 (Bolt.new · v0.dev · Lovable · Replit Agent · Google AI Studio Build).
- AI 코딩 IDE (데스크탑) — Cursor · Windsurf · Kiro · Trae · Antigravity. (agent-tooling/10-ai-coding-ides)
1. Replit 의 자리
| 시기 | 사건 |
|---|---|
| 2016 | Amjad Masad · Faris Masad · Haya Odeh 가 설립. Repl.it 으로 시작. |
| 2018 ~ | 무료 코드 실행 환경 + 다인 협업 (multiplayer) 도입. |
| 2021 ~ | Replit Deployments — 컨테이너 기반 호스팅. |
| 2023 ~ | Replit AI · Ghostwriter (현재 Replit Agent). |
| 2024 ~ | Replit Agent — 자연어로 앱 생성·배포. |
핵심 가치 제안:
- 브라우저만 있으면 즉시 시작 (설치 없음).
- 다인 동시 편집 (Google Docs 류 협업).
- AI 가 코드 작성·디버그·배포까지 (Replit Agent).
2. 추상 수준 — 다른 PaaS 와의 비교
notes/cloud/06-deploying-options 의 사다리에서 Replit 은 가장 위. 컨테이너 추상마저 사용자에게 보이지 않습니다.
| 추상 | 예 |
|---|---|
| VM | EC2 |
| 매니지드 컨테이너 | ECS · Fargate |
| 컨테이너 PaaS | Fly.io · App Runner |
| 소스 PaaS | Vercel · Netlify · Replit |
| 함수 | Lambda |
같은 "소스 PaaS" 안에서도 Vercel/Netlify 는 정적/SSR 웹 호스팅 중심, Replit 은 IDE · 실행 · 호스팅 통합형이라는 점이 다릅니다.
3. Repl 과 Deployments — 두 단계
Replit 에는 두 가지 레벨이 있습니다.
- Repl — 개발/실행 환경. 코드를 짜고 즉시 실행. 무료 플랜에서 트래픽이 없으면 sleep 으로 들어갑니다.
- Deployments — 항상 켜져 있는 운영 인스턴스. 별도 도메인 + 안정 운영. 유료.
| 종류 | 항상 ON | 도메인 | 자동 슬립 | 주 용도 |
|---|---|---|---|---|
| Repl | ✗ | replit.app 임시 | ✓ | 학습 · 프로토타입 |
| Reserved VM Deployment | ✓ | 사용자 도메인 | ✗ | 프로덕션 웹 앱 |
| Autoscale Deployment | ✓ (요청 기반) | 사용자 도메인 | 부분 | 트래픽 변동형 |
| Static Deployment | ✓ | 사용자 도메인 | ✗ | 정적 사이트 |
| Scheduled Job | (cron) | — | — | 배치 작업 |
4. 빠른 시작
# 1. https://replit.com 가입
# 2. "Create Repl" → 템플릿 선택 (Node.js · Python · 등)
# 3. main.py 또는 index.js 에 코드 작성
# 4. ▶ Run 클릭 → 우측 webview 에 결과
# 5. 배포 — 우상단 "Deploy" → Reserved VM / Autoscale / Static 선택
.replit 파일이 실행 명령을 정의합니다.
run = "node index.js"
entrypoint = "index.js"
[deployment]
run = ["sh", "-c", "node index.js"]
deploymentTarget = "cloudrun"
5. Replit Database
Repl 마다 무료 key-value DB 가 자동으로 붙습니다 (Replit DB). PostgreSQL 도 추가 가능 (Replit PostgreSQL — 내부적으로는 Neon).
import Database from "@replit/database";
const db = new Database();
await db.set("count", 1);
const count = await db.get("count");
용도는 학습 · 작은 앱 · 해커톤. 본격적인 프로덕션이라면 외부 PostgreSQL/Supabase 등이 더 안전합니다.
6. Secrets
.env 파일 대신 Replit Secrets 패널 (자물쇠 아이콘) 사용. 환경변수로 자동 주입되고 Repl 공유 시 노출되지 않습니다.
7. Replit Agent — 자연어 → 앱 자동 생성
자연어로 "Todo 앱 만들어 줘" 입력 → Agent 가 파일·코드·DB·배포를 자동 구성합니다. 학습 진입 장벽이 가장 낮은 시나리오.
작동 방식:
- 자연어 프롬프트 입력 (음성 입력도 지원).
- Agent 가 기술 스택 결정 (Express · Vite · PostgreSQL 등).
- 파일 트리 + 코드 생성, 의존성 자동 설치.
- Replit DB 또는 PostgreSQL 자동 연결.
- 실행 → 미리보기 → 배포 (Reserved VM / Static).
경쟁 도구와의 자리:
- Bolt.new (StackBlitz, 2024) — WebContainer 위에서 Vite/Next.js 앱 생성. Vercel/Netlify 배포 통합.
- v0.dev (Vercel, 2023) — UI 컴포넌트 생성 우선. shadcn/ui + Tailwind. Next.js 통합.
- Lovable (2024, 스웨덴) — 풀스택 앱 자연어 생성. Supabase 통합. GitHub sync.
- Google AI Studio Build (2024~) — Gemini 기반 자연어 → 앱. Cloud Run 자동 배포. 무료 quota.
단점: 생성 코드 품질이 일정하지 않으니 작은 프로젝트 prototype 검증 후 사람이 정제. 복잡한 비즈니스 로직·기존 코드베이스 통합은 한계.
8. 비용 모델
- 무료 (Starter) — Repl 무제한 (sleep), 500MB 저장, AI 일일 한도.
- Replit Core — 월 정액. 더 빠른 컴퓨팅 + Deployments 크레딧 + Agent 사용량.
- Deployments — 별도 사용량 청구 (vCPU · RAM · 출력 트래픽).
작은 학습 / 사이드 프로젝트 → 무료 + Static Deployment 조합이 가장 가볍습니다.
9. 적합한 시나리오 / 부적합한 시나리오
적합:
- 강의 실습 · 코드 공유 · 페어 프로그래밍.
- 작은 웹 앱 · API · Discord 봇.
- 정적 사이트 (Static Deployment) — gh-pages 대안.
- 해커톤 · 빠른 PoC.
부적합:
- 대용량 트래픽 SaaS — vCPU 단가가 클라우드 직접 사용보다 비쌉니다.
- 무거운 데이터 파이프라인 · GPU 워크로드.
- 매우 민감한 컴플라이언스 (격리 보장 명시 필요한 경우).
10. AI Web IDE / AI 앱 빌더 비교
같은 "자연어 → 앱" 자리에 있는 도구들의 결을 한 표로:
| 측면 | Replit | Bolt.new | v0.dev | Lovable | Google AI Studio Build | Cursor (데스크탑) |
|---|---|---|---|---|---|---|
| 브라우저만 | ✓ | ✓ | ✓ | ✓ | ✓ | ✗ (앱 설치) |
| 자연어 앱 생성 | ✓ (Agent) | ✓ | UI 컴포넌트 | ✓ | ✓ (Gemini) | ✓ (에이전트) |
| 백엔드 | ✓ (Reserved VM) | 부분 | ✗ | ✓ (Supabase) | ✓ (Cloud Run) | 사용자 환경 |
| DB 자동 연결 | Replit DB · PG | ✗ | ✗ | Supabase | Firestore · CloudSQL | 사용자 |
| 배포 자동 | ✓ (Replit) | Vercel/Netlify | Vercel | Vercel/Netlify | Cloud Run | 사용자 |
| 무료 티어 | ✓ (sleep) | 제한 | ✓ | ✓ | Gemini quota 한도 | ✓ (Hobby) |
| 모델 | Anthropic + 옵션 | Anthropic | OpenAI · Anthropic | Anthropic | Gemini | 다중 |
| 강점 | 학습·풀스택 | Vite/Next 빠른 PoC | UI 컴포넌트 | 앱 + DB 통합 | Google 생태계 | 기존 codebase 정제 |
11. 일반 정적·SSR 호스팅 (Vercel / Netlify / Cloudflare Pages)
| 측면 | Replit | Vercel/Netlify | Cloudflare Pages |
|---|---|---|---|
| IDE 내장 | ✓ | ✗ | ✗ |
| AI 코드 생성 | ✓ (Agent) | 부분 (v0.dev 별도) | ✗ |
| 백엔드 (long-running) | ✓ | 제한 (Edge Functions) | 제한 (Workers) |
| 무료 정적 호스팅 | ✓ | ✓ | ✓ |
| Custom domain | ✓ (유료부터) | ✓ (무료) | ✓ (무료) |
학습·실험 비중이 크면 Replit, 정적 사이트 / Next.js 배포 중심이면 Vercel/Netlify 가 자연스럽습니다.
12. 참고 링크
- Replit Docs
- Replit Agent 소개
- GitHub Pages — Replit Static Deployment 의 무료 대안
- Google AI Studio — Gemini 기반 AI Web IDE
- AI 코딩 IDE 비교 — 데스크탑 IDE
- AI Web IDE 정리 — 브라우저 IDE 카테고리 정리