바이브코딩으로 만든 업무 도구, 어디에 배포할까?

바이브코딩을 활용하면 개발 경험이 많지 않아도 견적 계산기, 고객 조회 화면, 재고 관리 도구 같은 업무용 앱을 빠르게 만들 수 있습니다.

앱을 만든 뒤에는 팀원에게 공유하거나, 수정한 내용을 다시 배포해야 합니다. 로그인, 데이터 저장, 외부 API 연결이 필요할 수도 있습니다.

다만 처음부터 모든 것을 직접 운영할 필요는 없습니다. 화면만 배포하거나 기존 API를 연결하는 방식으로 시작하고, 필요할 때 운영 범위를 넓히면 됩니다.

이 글에서는 바이브코딩으로 만든 업무 도구를 배포하는 방법을 세 가지 방향으로 살펴봅니다.

1. AI 제작 환경에서 바로 공유하기

가장 빠른 방법은 앱을 만든 AI 서비스에서 결과물을 바로 공유하는 것입니다.

이 방식은 별도의 호스팅 환경을 직접 구성하지 않아도 된다는 장점이 있습니다. 아이디어를 검증하거나 소수의 사용자에게 먼저 보여줄 때 특히 유용합니다.

ChatGPT Sites

ChatGPT Sites는 ChatGPT에서 만든 사이트나 앱을 공유하는 기능입니다. 별도의 호스팅 환경을 직접 구성하지 않아도 결과물을 보여줄 수 있습니다.

다음과 같은 경우에 적합합니다.

• 아이디어나 프로토타입을 빠르게 보여줄 때
• 워크스페이스 구성원과 공유할 때
• 배포 환경을 직접 관리하고 싶지 않을 때
• 제한된 범위에서 먼저 테스트할 때

공유 범위와 로그인 방식은 ChatGPT 계정이나 워크스페이스 설정에 따라 달라집니다. 공개 사이트나 민감한 데이터를 사용하는 경우에는 접근 범위를 먼저 판단해야 합니다.

ChatGPT Sites는 일반적인 호스팅 서비스라기보다, AI로 만든 결과물을 빠르게 공유하고 검증하는 환경에 가깝습니다.

Google AI Studio

Google AI Studio에서는 Gemini를 활용해 웹앱을 만들고 수정할 수 있습니다.

Build mode는 프론트엔드뿐 아니라 Node.js 서버 런타임, Firebase 인증, Firestore 연결 등을 포함한 앱도 지원합니다. 만든 앱은 코드를 내려받아 다른 환경에서 운영하거나 Cloud Run으로 배포할 수 있습니다.

다음과 같은 경우에 적합합니다.

• Gemini API를 활용한 앱을 만들 때
• Firebase나 Google Cloud와 연결할 때
• AI Studio에서 만든 앱을 실제 환경에 배포할 때

Google AI Studio의 제작 환경과 실제 운영 비용은 구분해야 합니다. Gemini API를 사용하면 토큰 사용량에 따라 비용이 발생하고, Cloud Run으로 배포하면 CPU·메모리·요청량에 따른 비용이 추가될 수 있습니다.

2. 웹사이트와 업무 도구를 배포하는 서비스

앱의 화면을 인터넷이나 사내에 공개하는 것이 목적이라면 Netlify, Vercel, Cloudflare Pages, SAPP 같은 배포 서비스를 사용할 수 있습니다.

이 서비스들은 모두 앱을 배포할 수 있지만, 대표적인 사용 방식에는 차이가 있습니다.

• 공개 웹사이트를 운영할 것인지
• 프론트엔드 프로젝트를 계속 수정할 것인지
• 특정 클라우드 생태계와 연결할 것인지
• 사내 업무 도구로 사용할 것인지

Netlify

Netlify는 HTML 파일이나 프론트엔드 프로젝트를 직접 업로드하거나 저장소와 연결해 배포하는 서비스입니다.

다음과 같은 경우에 적합합니다.

• 정적 웹사이트를 빠르게 배포할 때
• 파일 업로드와 Git 자동 배포를 함께 사용할 때
• redirects, forms, Functions 같은 웹 운영 기능이 필요할 때
• 간단한 업무 도구를 외부나 사내에 공유할 때

Netlify는 정적 사이트 배포뿐 아니라 웹사이트 운영에 필요한 설정을 함께 관리하기 쉽습니다. 저장소를 연결하면 Pull Request나 Merge Request 단위의 Deploy Preview도 사용할 수 있습니다.

Netlify 가격표 기준으로 Personal은 월 9달러, Pro는 월 20달러부터 시작합니다. 비용은 플랜 크레딧과 배포·컴퓨트·대역폭·웹 요청 사용량에 따라 달라집니다.

Vercel

Vercel은 웹사이트와 프론트엔드 프로젝트를 배포하는 서비스입니다. 파일 업로드, CLI, 저장소 연결, 대시보드 배포를 지원하며 GitHub를 반드시 사용해야 하는 것은 아닙니다.

다음과 같은 경우에 적합합니다.

• 웹앱을 계속 수정하고 확장할 때
• 프론트엔드 프레임워크를 기반으로 개발할 때
• Preview 환경에서 변경 내용을 확인할 때
• 프론트엔드에 Serverless Function을 연결할 때

Vercel은 개발·Preview·Production 배포 흐름을 하나로 관리하기 쉽다는 점이 특징입니다. 특히 Next.js와 같은 프론트엔드 프레임워크를 사용하는 경우 자연스럽게 연결할 수 있습니다.

다만 Deploy Preview, Git 연동, CLI 배포는 Netlify도 제공합니다. 따라서 특정 기능이 어느 서비스에만 있는지보다 팀의 개발 방식과 프론트엔드 생태계를 기준으로 비교하는 것이 좋습니다.

Vercel 가격표 기준으로 Pro는 배포 권한을 가진 사용자 1명이 포함된 월 20달러부터 시작합니다. 추가로 배포하거나 프로젝트 설정을 관리하는 사용자가 필요하면 좌석 비용이 늘어날 수 있고, 읽기 전용 Viewer 좌석은 무료입니다. 사용량에 따라 컴퓨트·요청·데이터 전송 비용도 달라질 수 있습니다.

Cloudflare Pages

Cloudflare Pages는 웹사이트와 프론트엔드 프로젝트를 Cloudflare 네트워크에 배포하는 서비스입니다.

다음과 같은 경우에 적합합니다.

• 정적 업무 도구를 배포할 때
• Cloudflare DNS와 CDN을 함께 사용할 때
• Workers 기반의 서버 기능을 추가할 때
• D1, KV, R2 같은 Cloudflare 서비스로 확장할 때

정적 사이트는 Direct Upload, Git 저장소 연결, Wrangler CLI 배포를 사용할 수 있습니다.

Pages Functions는 일반적인 상시 실행 서버가 아니라 Cloudflare Workers 환경에서 동작합니다. 따라서 일부 런타임과 Node.js API 호환성에 제한이 있을 수 있습니다.

정적 사이트는 무료로 시작하기 쉽지만, Pages Functions 가격은 Workers 사용량 기준이 적용됩니다. Workers 유료 플랜은 월 5달러부터 시작하며 요청 수와 CPU 사용량에 따라 비용이 달라질 수 있습니다.

SAPP

SAPP는 바이브코딩으로 만든 업무 도구를 배포할 수 있는 플랫폼입니다.

앱 배포만 사용할 수도 있고, 필요하면 다음 기능을 함께 사용할 수 있습니다.

• 사내 사용자 로그인
• 앱별 접근 권한 설정
• 앱별 API 연결
• 사용자·팀별 API 권한 관리
• API 호출 로그 확인

예를 들어 재고 앱에는 재고 조회·수정 API를 연결하고, 고객 조회 앱에는 고객 조회 API만 연결할 수 있습니다. 사용자가 어떤 앱에 접근할 수 있는지와 해당 앱에서 어떤 API를 사용할 수 있는지는 나누어 관리할 수 있습니다.

따라서 사내에서 사용할 업무 도구를 배포하면서 앱별 접근 범위와 API 사용 범위도 함께 관리하고 싶을 때 활용할 수 있습니다. 앱 배포만 필요한 경우에는 배포 기능만 사용할 수도 있습니다.

SAPP는 프로젝트별 요금제를 제공합니다. Free 플랜은 무료이고, 유료 플랜은 월 30,000원부터 시작합니다. 주요 비용 기준은 프로젝트별 월 API 호출량입니다.

3. 백엔드를 연결하거나 직접 배포하기

백엔드가 필요하더라도 프론트엔드와 백엔드를 같은 서비스에 배포해야 하는 것은 아닙니다.

예를 들어 프론트엔드는 Vercel이나 Netlify에 배포하고, 백엔드 API 서버는 Render나 Railway에 배포할 수 있습니다.

사용자
  ↓

Vercel, Netlify, SAPP: 프론트엔드 배포

  ↓ API 요청

Render 또는 Railway: 백엔드 API 서버

  ↓

데이터베이스

이처럼 프론트엔드와 백엔드를 나누어 운영하면 프론트엔드는 Preview와 자동 배포가 편리한 서비스를 사용하고, 백엔드는 API 서버와 데이터베이스를 운영하기에 적합한 플랫폼을 선택할 수 있습니다.

반대로 다음과 같은 방식도 가능합니다.

• 다른 팀이 운영하는 사내 API 연결
• 외부 서비스의 API 연결
• Firebase나 Supabase 같은 관리형 백엔드 사용
• Serverless Function으로 간단한 API 기능 추가
• 별도 서버에 API와 데이터베이스 직접 배포

따라서 백엔드가 필요하다고 해서 반드시 직접 서버를 운영해야 하는 것은 아닙니다. API 서버와 데이터베이스의 코드·실행 환경까지 직접 관리해야 할 때 서버 플랫폼을 검토하면 됩니다.

Render

Render는 애플리케이션과 데이터베이스를 비교적 쉽게 배포할 수 있는 플랫폼입니다.

다음과 같은 경우에 적합합니다.

• API 서버와 웹 서비스를 함께 운영할 때
• PostgreSQL 데이터베이스가 필요할 때
• 백그라운드 작업이나 예약 작업을 실행할 때
• 서버 구성을 단순하게 시작하고 싶을 때

Render Web Service는 월 7달러부터 시작하며, PostgreSQL 데이터베이스는 유료 플랜이 월 6달러부터 시작합니다. 서버와 DB를 계속 실행하면 사용량이 많지 않아도 기본 비용이 발생할 수 있습니다.

Railway

Railway는 애플리케이션과 데이터베이스를 빠르게 구성할 수 있는 플랫폼입니다.

다음과 같은 경우에 적합합니다.

• 앱과 DB를 함께 빠르게 배포할 때
• 여러 서비스를 하나의 프로젝트에서 관리할 때
• 사용량에 따라 리소스를 조정하고 싶을 때

Railway 가격 문서에 따르면 Hobby는 월 5달러, Pro는 월 20달러부터 시작합니다. CPU·메모리·스토리지·네트워크 사용량도 비용에 반영됩니다.

Railway는 시작하기 쉽지만, 서비스가 계속 실행되거나 사용량이 늘어나면 비용도 함께 증가할 수 있습니다.

Fly.io

Fly.io는 실행 지역과 서버 인스턴스를 세밀하게 설정하려는 경우 활용할 수 있습니다.

다음과 같은 경우에 적합합니다.

• 특정 지역에 서버를 배치할 때
• 서버 리소스와 실행 환경을 직접 조정할 때
• 여러 지역에 애플리케이션을 배포할 때

Fly.io는 VM의 CPU와 메모리, 실행 시간, 영구 볼륨, 네트워크 사용량을 조합해 비용을 계산합니다. 세부적인 설정이 가능한 대신 Render나 Railway보다 비용과 운영 방식을 직접 판단해야 합니다.

어떤 방식을 선택할까?

마무리

바이브코딩으로 만든 업무 도구의 배포 방식은 사용자 수, 데이터 민감도, 필요한 기능, 팀의 개발 경험과 비용을 함께 고려해 선택해야 합니다.

처음에는 AI 제작 환경이나 무료 플랜으로 작게 시작하고, 로그인·데이터 저장·권한 관리·백엔드가 필요해질 때 운영 범위를 넓히는 방법이 현실적입니다. 정적 화면은 Netlify, Vercel, Cloudflare Pages로 충분할 수 있고, 사내 사용자와 앱별 권한 관리가 필요하다면 SAPP를 고려할 수 있습니다. API 서버와 데이터베이스를 직접 운영해야 하는 경우에는 Render, Railway, Fly.io 같은 서버 플랫폼을 검토하면 됩니다.

가장 많은 기능을 제공하는 서비스를 고르기보다, 현재 사용자와 팀이 감당할 수 있는 비용과 운영 수준에 맞춰 선택하는 것이 중요할 것입니다.