Replit AI로 앱 개발 & 클라우드 배포하기

Basic 약 20분활용 사례

💡 Replit은 브라우저 기반 개발 환경이에요. 설치 없이 바로 코딩하고, AI Assistant로 코드 생성·디버깅을 하며, 클릭 한 번으로 웹에 배포할 수 있습니다.

🔒 replit.com

실제 화면

실수 방지 체크리스트

1API 키를 코드에 하드코딩 → 공개 Repl에서 노출 — 반드시 Secrets 패널 사용
2무료 플랜으로 중요 프로덕션 앱 운영 → Repl 중단 시 서비스 중단 — Core 플랜 Deployments 또는 다른 클라우드 이전
3대용량 파일 Repl에 저장 → 500MB 저장 한계 초과 — 이미지·데이터는 외부 스토리지(Supabase Storage, S3) 사용

STEP 1 / 4…

STEP 1. Replit 프로젝트 시작

🔒 replit.com

실제 화면

replit.com에서 새 프로젝트를 만들고 개발을 시작합니다.

프롬프트

# Replit 접근
replit.com → 가입 (GitHub/Google)

# 플랜
무료: 3 Public Repls, 500MB 저장
Core ($25/월): Private Repls, Always On, 8GB RAM

# 새 Repl 만들기
'+ Create Repl' 클릭
→ 언어/프레임워크 선택:
  Python (스크립트·웹·데이터)
  Node.js (Express·API)
  React (프론트엔드)
  Next.js (풀스택)
  Java, C++, Go, Ruby 등 50+ 지원

# 또는 템플릿에서 시작
'Templates' → 원하는 스택 선택
예: 'Discord Bot', 'FastAPI', 'React App'

# Replit 인터페이스
왼쪽: 파일 탐색기
중앙: 코드 에디터
오른쪽: 실행 결과 / 웹 미리보기
하단: 터미널 (패키지 설치 등)

💡

Replit은 패키지 자동 감지 기능이 있어 import 문을 작성하면 필요한 패키지를 자동으로 설치합니다. `pip install` 명령을 쓸 필요가 없는 경우가 많습니다.

이 단계를 완료했나요?