codingstairs
노트에듀라이프연락
⌕검색⌘K
koen

Navigation

  • Intro
  • Blog
  • Life

연락하기

로그인 없이도 보낼 수 있어요. 답변이 필요하면 이메일을 함께 적어 주세요.

  • 익명 폼으로 의견 남기기 →
  • ✉ warragon112@gmail.com
  • 카카오톡 오픈채팅 ↗

© 2026 codingstairs

  • 노트
  • 에듀
  • 검색
  • 라이프
  • 연락
  • 약관
  • RSS
  • GitHub
에듀›Docker · Caddy · 클라우드 10단계 배포 옵션›8단계

8단계

8단계 — Replit 으로 5분 배포

0회 조회

8단계 — Replit 으로 5분 배포

Fly.io 도 빠르지만 Replit 은 브라우저 밖 도 안 나가요. 가장 학습 비용이 낮은 PaaS.

첫 배포 — 진짜 5분

  1. https://replit.com 가입 (GitHub 로그인 가능)
  2. Create Repl → "Node.js" 또는 "Python" 템플릿 선택
  3. index.js (또는 main.py) 작성
// index.js
import express from "express";
const app = express();
app.get("/", (req, res) => res.send("Hello from Replit"));
app.listen(3000, () => console.log("Listening on 3000"));
  1. ▶ Run 클릭 → 우측 webview 에 결과
  2. 우상단 Deploy → Static 또는 Reserved VM 선택 → Deploy

https://my-repl.replit.app 에 자동 HTTPS 로 접근 가능.

4가지 배포 모드

모드 항상 ON 도메인 자동 슬립 주 용도
Static ✓ replit.app ✗ 정적 사이트 (Vite 빌드)
Reserved VM ✓ replit.app ✗ 백엔드 (Express/FastAPI)
Autoscale 요청 기반 replit.app 부분 트래픽 변동형
Scheduled Job (cron) — — 배치 작업

학습용은 Static 무료. 백엔드는 Reserved VM 부터 유료.

.replit 파일

run = "node index.js"
entrypoint = "index.js"

[deployment]
run = ["sh", "-c", "node index.js"]
deploymentTarget = "cloudrun"

Secrets

.env 대신 좌측 🔒 Secrets 패널 사용. 환경변수로 자동 주입되고 fork 시 노출되지 않아요.

Replit DB — 1줄로 영속성

import Database from "@replit/database";
const db = new Database();
await db.set("count", 1);
const count = await db.get("count");

작은 KV 저장소. 학습용에 충분. 본격 SaaS 면 PostgreSQL (Replit 도 Neon 기반 PG 추가 가능) 또는 외부 DB 추천.

Fly.io vs Replit

측면 Fly.io Replit
학습 곡선 평탄 가장 평탄
IDE 내장 ✗ ✓
협업 (실시간) ✗ ✓
AI 코드 생성 ✗ ✓ (Agent)
무료 티어 1GB RAM 1대 무제한 sleep + Static 1
가격 (소규모) $5+/월 $0~ (Static)
백엔드 — 항상 ON ✓ Core 구독

학습 · 페어 프로그래밍 · 해커톤 → Replit. 안정 운영 · 커스텀 도메인 → Fly.io.

직접 해 보기

getting-started 의 Node.js 앱을 Replit 에 옮겨 Static 배포. 끝나면 Settings → Delete this Repl 으로 정리.

AI Agent — 자연어로 앱 자동 생성

Replit 의 차별점. 우상단 Agent 버튼:

"PostgreSQL + Express + 로그인 있는 Todo 앱 만들어 줘"

→ 파일 트리·코드·DB·배포가 자동 구성. 학습 진입 장벽이 가장 낮은 자리.

비슷한 도구:

  • Bolt.new (Vite/Next 빠른 PoC)
  • v0.dev (Vercel — UI 컴포넌트)
  • Lovable (Supabase 풀스택)
  • Google AI Studio Build (Gemini · Cloud Run)

상세 비교는 AI Web IDE 노트 참고.

더 깊이

  • Replit 노트
  • AI Web IDE 비교
  • Google AI Studio

다음 단계

9단계에서는 GitHub Pages 로 정적 사이트를 완전히 무료 로 운영하는 법을 배워요.

← 7단계

7단계 — 단일 서버 철학

9단계 →

9단계 — GitHub Pages 무료 호스팅