바이브코딩으로 백엔드 서버 무료 구축하기 — Supabase MCP·CLI 완전정복

 

바이브코딩으로 화면은 그럴듯하게 만들었는데, "데이터는 어디에 저장하지? 로그인은 어떻게?"에서 딱 막히셨죠. 바로 백엔드 문제입니다. 서버·DB·인증을 직접 세우는 건 초보에게 큰 벽이지만, Supabase를 쓰면 이 전부를 무료로 통째로 받습니다. 게다가 MCP로 AI가 직접 테이블을 만들고, CLI로 로컬에서 공짜로 개발할 수 있어요. 초보도 따라 하는 무료 백엔드 구축 팁을 정리합니다.

📌 30초 요약

🗄️ Supabase = 무료 백엔드(Postgres DB + 인증 + 스토리지 + 자동 API)
🔌 Supabase MCP = AI가 직접 테이블 생성·SQL 실행·타입 생성(20+ 도구)
💻 Supabase CLI = 로컬에서 완전 무료로 전체 스택 실행(쿼터 안 씀)
⚠️ MCP는 개발용만 — 프로덕션 데이터엔 절대 연결 금지, read-only 권장

Supabase가 뭔데 무료 백엔드인가

Supabase는 BaaS(Backend as a Service)예요. 백엔드에 필요한 걸 미리 다 만들어 놓고 빌려줍니다. 직접 서버 코드를 짤 필요 없이, 아래를 무료 요금제로 바로 씁니다.

기능	이걸로 뭘 하나
🐘 Postgres DB	진짜 관계형 데이터베이스. 데이터 저장의 핵심
🔐 Auth	이메일·구글·카카오 로그인을 코드 몇 줄로
🔄 자동 REST/API	테이블만 만들면 API가 자동 생성(별도 서버 X)
📦 Storage	이미지·파일 업로드 저장소
⚡ Edge Functions	서버리스 함수(결제 웹훅 등 커스텀 로직)

즉 "테이블만 설계하면 백엔드가 완성"되는 구조예요. 그 설계를 AI에게 맡기는 게 오늘의 핵심입니다.

방법 ① Supabase MCP — AI가 직접 백엔드를 짓는다

MCP는 AI가 외부 도구를 직접 조작하게 해주는 연결 규격이에요. Supabase MCP를 붙이면 Claude Code·Cursor 같은 AI가 내 Supabase 프로젝트를 직접 만지게 됩니다. "회원·할일 테이블 만들어줘"라고 말로 시키면 AI가 실제로 만들어요.

🛠️ MCP로 AI가 할 수 있는 일 (20개 넘는 도구)

• 테이블 생성·수정·삭제  • SQL 쿼리 실행(조회·리포트)  • 마이그레이션 생성  • 스키마에서 TypeScript 타입 자동 생성  • Edge Functions 관리  • 로그 조회(디버깅)  • 프로젝트·브랜치 관리

설치는 AI 도구 설정 파일(.mcp.json 등)에 아래를 넣으면 됩니다. 반드시 --read-only부터 시작하세요(실수로 데이터가 지워지는 걸 막아줌).

{
  "mcpServers": {
    "supabase": {
      "command": "npx",
      "args": [
        "-y",
        "@supabase/mcp-server-supabase@latest",
        "--read-only",
        "--project-ref=여기에_프로젝트_ref"
      ],
      "env": {
        "SUPABASE_ACCESS_TOKEN": "여기에_개인_액세스_토큰"
      }
    }
  }
}

project-ref와 액세스 토큰은 Supabase 대시보드에서 발급합니다. 연결 후 AI에게 "todos 테이블을 만들고 샘플 데이터 5개 넣어줘"라고 하면, 실제 DB에 반영돼요. 다른 MCP 서버 붙이는 법은 MCP 서버 추천 /130에서 이어가세요.

방법 ② Supabase CLI — 로컬에서 완전 무료 개발

실험하다 실수로 온라인 DB를 망치면 곤란하죠. CLI를 쓰면 내 컴퓨터에 Supabase 전체를 통째로 띄웁니다(Docker 사용). 로컬은 완전 무료·쿼터 소모 없음이라 마음껏 부수고 다시 만들 수 있어요.

# 1) CLI 설치 (macOS 예시, Docker가 먼저 켜져 있어야 함)
brew install supabase/tap/supabase

# 2) 프로젝트 초기화 → supabase 폴더 생성
supabase init

# 3) 로컬 스택 시작 (DB·인증·API가 내 PC에서 실행됨)
supabase start

# 4) 새 마이그레이션 파일 생성
supabase migration new create_todos

# 5) 마이그레이션 적용 + 시드 데이터 반영
supabase db reset

✅ 마이그레이션이 왜 중요한가 — DB 변경 이력을 파일로 기록하는 것. supabase/migrations 폴더를 git에 커밋하면, 나중에 온라인 DB에도 똑같이 재현됩니다. 로컬에서 검증 → 배포가 안전해져요.

MCP + CLI 함께 쓰는 바이브코딩 흐름

둘을 합치면 백엔드 구축이 이렇게 흘러갑니다. 말로 설계하고, 로컬에서 검증하고, AI로 붙이는 이상적인 루프예요.

1️⃣ CLI로 로컬 스택 시작 → 안전한 실험장 확보(supabase start)

2️⃣ MCP로 AI에게 설계 요청 → "회원·게시글·댓글 테이블 관계까지 만들어줘"

3️⃣ AI가 타입 생성 → 프론트에서 바로 쓸 TypeScript 타입까지 뽑아줌

4️⃣ 마이그레이션 커밋 → 온라인 배포 → 로컬에서 검증된 스키마 그대로

화면(프론트)은 Claude Code로 만들고, 백엔드는 Supabase로 받으면 혼자서도 풀스택 앱이 나옵니다. 이게 요즘 1인 개발의 표준 조합이에요.

꼭 지킬 주의사항

🚫 MCP를 프로덕션(실서비스) DB에 연결하지 마세요. Supabase도 공식적으로 개발·테스트 전용이라 못박습니다. 실데이터는 로컬이나 별도 개발 프로젝트로.

🔒 RLS(행 수준 보안)를 반드시 켜세요. 안 켜면 API가 열려 남이 내 데이터를 읽을 수 있어요. 테이블마다 접근 정책을 설정해야 합니다.

🔑 액세스 토큰·키는 .env로 분리하고 GitHub에 올리지 마세요. (실수 7가지 /146 참고)

자주 묻는 질문

Q. 진짜 무료인가요? 나중에 돈 나가나요?

무료 요금제로 개인 프로젝트·학습·소규모 서비스는 충분합니다. 로컬 CLI 개발은 완전 무료(쿼터도 안 씀)예요. 사용량이 커지면 그때 유료를 고민하면 됩니다.

Q. Firebase랑 뭐가 다른가요?

Supabase는 진짜 SQL(Postgres) 기반이라 관계형 데이터·복잡한 쿼리에 강하고, 오픈소스라 로컬 실행·이전이 자유로워요. SQL을 배워두면 평생 자산이 됩니다.

Q. Docker가 꼭 필요한가요?

로컬 CLI 개발엔 필요합니다(스택을 컨테이너로 띄우기 때문). 설치가 부담이면, MCP로 온라인 개발 프로젝트에 바로 연결하는 방식부터 시작해도 돼요.

✨ 정리 — 백엔드는 이제 직접 짜는 게 아니라 빌려 쓰고, AI로 설계하는 시대. Supabase(무료 백엔드) + MCP(AI 조작) + CLI(로컬 무료) 조합이면, 초보도 오늘 데이터·로그인 갖춘 진짜 앱을 만듭니다. 프론트만 하던 바이브코딩을 풀스택으로 넓혀보세요.

---

출처: Supabase 공식 문서(MCP Server, Local Development CLI), supabase/mcp·supabase/cli 저장소. 무료 요금제 한도·MCP 도구 목록은 정책에 따라 바뀔 수 있으니 도입 시점의 공식 문서를 확인하세요. MCP는 개발·테스트 용도로만 사용하고 프로덕션 데이터에 연결하지 마세요.