Replit AI로 브라우저에서 앱 개발하기

기초약 15분4단계

설치 없이 브라우저에서 코딩·실행·배포까지. AI Agent가 앱을 자동으로 만들어주고 에러도 스스로 고쳐요.

따라 하기

1단계 / 4

Replit Agent로 앱 설명 입력

  1. 1replit.com에 접속해 Google 계정으로 로그인합니다.
  2. 2홈 화면에서 + Create Repl을 선택하고 Use Replit Agent를 클릭합니다.
  3. 채팅창에 만들고 싶은 앱을 설명합니다.
  4. 3'도서 관리 앱, 책 추가·삭제·검색 기능, Python Flask + HTML', 간단한 계산기 앱, JavaScript처럼 입력하세요.
Replit 열기

이해를 돕는 예시 그림이에요. 실제 화면과 다를 수 있어요.

replit.com
Replit 실제 화면
실제 화면

팁 프로그래밍 언어를 모르면 쉬운 언어로 만들어줘라고 입력하면 Replit Agent가 자동 선택합니다. Python 또는 JavaScript가 주로 사용됩니다.

처음이라 잘 모르겠다면

replit.com에서 가입 후 + Create Repl을 클릭하고 채팅 기능이 있는 메모 앱 만들어줘처럼 앱을 설명하세요.

막히면 볼 것

자주 하는 실수 3가지
  1. 1API 키를 코드에 직접 입력 → 공개 저장소에서 키 유출 — Secrets(환경변수) 탭에 반드시 저장
  2. 2무료 플랜 저장소 공개됨 — 민감한 프로젝트는 Private Repl(유료) 사용
  3. 3Replit 절전 모드 → 첫 접근 시 느림 — 항상 켜두려면 Always On 옵션 활성화(유료)
AI 없이 할 때와 뭐가 다른가요?

앱 설명 입력 → AI 자동 코드 생성 → 브라우저에서 즉시 실행

파이썬 설치·가상환경 설정·패키지 설치... 시작도 전에 지쳐...
나
로컬 개발 환경 설정은 초보자에게 가장 큰 장벽입니다.지금까지