요즘은 노코드(no-code)와 AI 툴들이 엄청나게 발전을 하고 있는데요, 그중에서도 MVP(Minimum Viable Product)를 아주 쉽고 빠르게 만들어볼 수 있는 툴인 Replit Agent 를 소개합니다.
코딩을 전혀 몰라도 자연어(Natural Language)만으로 서비스 기획부터 개발, 그리고 배포까지 한 번에 쉽게 진행이 가능합니다.
물론, 너무 복잡한 기능을 구현하려면 어느 정도 개발 지식이 필요할 수도 있지만, 서비스 초기 단계를 검증하는 데 있어서는 이만한 도구가 없습니다.
오늘은 레플릿을 통해 쉽게 배포하는 법을 안내해드리려고합니다.
배포(Deployment)란 무엇일까요?
먼저 배포가 뭔지 이해를 해야겠죠?
“배포”란 내가 만든 프로젝트를 세상에 공개하는 과정이에요. 블로그 글을 써놓고 ‘퍼블리시(Publish)’ 버튼을 눌러 온라인에서 누구든지 내 글을 읽을 수 있게 하는 것과 유사한 개념이죠.
Replit 가입 & 기본 사용법
먼저 Replit 사이트( https://replit.com/ )에 접속해 주세요.
회원가입 및 로그인
- 회원 가입 페이지에서 구글 계정, 깃허브 계정 등으로 간편 가입이 가능해요.
- 아래 설명 드리는 Replit Agent를 사용하려면 Replit Core 이상의 플랜에 구독을 해야합니다.
- 가입 후 로그인하면, Replit 대시보드가 나옵니다.
배포할 Repl 선택
Repl은 Replit 에서 하나의 프로젝트를 칭하는 용어라고 생각하시면 됩니다.
- 프로젝트를 아직 만들지 않으신 경우
- 메인 화면에서 "+ Create Repl" 버튼을 클릭하면 위의 화면이 나와요.
- 코딩 경험이 없으시다면 "Create with Replit Agent"로 진행해주세요. 레플릿 에이전트 사용법은 다음 글에서 다룰 예정이에요.
- 그 외에는 프로젝트를 클릭해서 프로젝트 상세 페이지로 들어가주세요.
Replit 배포 준비
코드 에러 확인하기
- 상단의 Run 버튼을 눌러 프로젝트가 에러 없이 잘 돌아가는지 확인해주세요.
- Console 탭에 들어가면 에러가 있는지 확인할 수 있습니다.
Secrets(환경 변수)
- API 키나 비밀번호가 필요한 경우는 환경 변수 기능을 사용해야 합니다.
- 아주 간단한 프로젝트면 이 단계는 생략해도 됩니다.
Autoscale로 Replit 배포하기
Replit이 지원하는 배포 방식은 총 4가지인데, 이번 글에서는 대부분의 웹 앱에 적합한 배포 방식인 Autoscale을 예시로 보여 드리려 합니다.
Deploy 버튼 클릭
- 에디터 상단 우측에 “Deploy” 라는 버튼이 보일 거예요.
- 클릭하면 배포 설정을 할 수 있는 패널이 뜹니다.
Autoscale 탭 선택
- “Set up your deployment” 버튼을 눌러주세요.
Machine Power & Max Instances 설정
- Machine Power 섹션 옆에 "Edit" 버튼을 눌러주세요.
- Machine Power: CPU와 메모리를 어느 정도 쓸지 결정합니다. 그렇게 복잡하지 않은 프로젝트의 경우 위 셋업을 추천드립니다.
- Max Instances: 필요한 서버(인스턴스)의 최대 개수입니다. (처음엔 1~2 정도면 충분)
- 조정을 하셨으면 "Approve and configure build settings"를 클릭합니다.
- 참고: Autoscale은 트래픽이 늘어났을 때 자동으로 서버 인스턴스를 확장하고, 트래픽이 줄어들면 다시 축소하는 방식으로 관리를 해줍니다. 너무 오버스펙인 경우 과금 부담이 커질 수 있습니다.
Deploy 버튼 클릭
- 프로젝트 도메인은 Primary domain 아래에서 바꿀 수 있어요.
- "Deploy"를 누르고 잠시 기다리면 배포가 완료됩니다.
- 이후,
프로젝트이름.replit.app주소로 접속하면 배포된 웹페이지/서비스를 볼 수 있습니다.
배포 확인 & 모니터링
- 배포가 완료되면, URL(예:
my-project.replit.app)이 생성됩니다. - 웹 브라우저에서 해당 주소로 접속해서 프로젝트가 정상 동작하는지 확인
- Replit 배포 패널에서 Logs(로그) 탭을 보면 에러를 체크할 수 있어요.
- 만약 에러가 있다면 로그를 확인해서 디버깅이 필요
배포 후 관리
- 코드 수정 & 재배포
- 프로젝트에 수정사항이 있을 시 "Redeploy"를 클릭하면 새로운 버전으로 배포가 진행됩니다.
- “개발 중 버전”과 “배포된 버전”이 분리되기에 개발 중 문제가 발생하더라도 배포된 서비스에는 영향이 없습니다.
- 요금 구조
- Autoscale은 접속/트래픽 기반 과금이지만, MVP 프로젝트의 경우는 크레딧이 많이 들지 않을 거예요.
- 너무 많은 접속자가 몰리면 비용이 증가할 수 있으니 참고해주세요.
다른 배포 방법도 있어요!
- Static Deployments: HTML/CSS/JS 정적 사이트를 간단하게 올릴 때
- Reserved VM: 디스코드 봇 등 24시간 돌아가야 하거나, 백그라운드 작업용
- Scheduled Deployments: 매일/매주 일정 시간에 자동 실행 (크론잡 대체)
Replit 한국 사용자 모임 오픈채팅방
Replit을 사용하며 고민했던 점이나 새롭게 알게 된 꿀팁을 함께 나눌 곳이 필요하셨다면, 오픈카톡방에 참여해보세요.
- Replit 활용법 공유
- 개발 관련 질문 & 답변
- 새로운 아이디어와 프로젝트 이야기
