AI 개발/AI 개발도구

Supabase MCP 서버로 AI 앱 만들기, 이렇게 쉬울 수 있을까?

데이터 AI 벌집 2025. 5. 25. 02:01
반응형

Supabase MCP 서버로 AI 앱 만들기, 이렇게 쉬울 수 있을까?

Supabase MCP 서버로 AI 앱 만들기, 이렇게 쉬울 수 있을까?

앱을 만들고 싶은데, 데이터베이스 설정부터 막막하시다고요? SQL도 모르고, 테이블 생성도 어렵게 느껴진다면 오늘 이 글이 딱입니다.

AI 개발 도우미와 Supabase MCP Server를 함께 사용하면, 여러분은 "할 일 목록 테이블 만들어줘"라고 말만 해도 데이터베이스가 자동으로 설정됩니다.

 

지금부터 Supabase MCP 서버가 어떤 역할을 하는지, 어떻게 설정하는지, 실제 어떤 일을 할 수 있는지 자세히 알려드릴게요.

 

🧠 Supabase MCP 서버란?

Supabase는 PostgreSQL 기반의 오픈소스 백엔드 플랫폼입니다.
Firebase와 유사하지만, SQL과 오픈소스를 선호하는 개발자들 사이에서 각광받고 있죠.

이 Supabase를 MCP 서버로 확장하면, AI 코드 도우미가 자연어로 Supabase를 조작할 수 있게 됩니다.

즉, 복잡한 SQL 문 없이도 테이블 생성, 쿼리 실행, 프로젝트 관리까지 모두 AI가 대신 처리해주는 것이죠.

 

🧰 Supabase MCP 서버로 할 수 있는 일

Supabase MCP 서버는 크게 4가지 기능을 제공합니다.

기능 설명
list_tables 현재 DB의 모든 테이블 목록 조회
apply_migration 테이블 생성/변경 등 데이터베이스 구조 변경 적용
execute_sql SELECT, INSERT, UPDATE 등 커스텀 SQL 쿼리 실행
get_logs 에러 로그 등 디버깅 정보 확인
 

예를 들어, AI에게 이렇게 지시할 수 있습니다:

  • “사용자(user) 테이블을 만들어줘. 이름, 이메일, 생성일 포함해서.”
  • “가입한 유저 수를 세는 쿼리를 작성해줘.”
  • “최근 7일간 로그인한 유저만 보여줘.”

🔧 설치 방법: 쉽게 따라하는 Supabase MCP 환경 구축

1. Node.js 설치

먼저 Node.js가 필요합니다. 아래 명령어로 설치 여부를 확인하세요:

node -v

 

없다면 Homebrew로 설치:

brew install node

 

2. Supabase Personal Access Token 생성

  • https://app.supabase.com → 프로젝트 대시보드
  • Settings > Access Tokens > New Token 생성
  • 복사해서 저장 (다시 못 봅니다!)

3. MCP 설정 추가 (Cursor 등에서)

.cursor/config.json 또는 MCP 설정 파일에 추가:

{
  "mcpServers": {
    "supabase": {
      "command": "npx",
      "args": [
        "-y",
        "@supabase/mcp-server-supabase@latest",
        "--access-token",
        "your_supabase_access_token"
      ]
    }
  }
}
 

MacBook에서는 별도 설정 없이 위 JSON 구성만 해도 잘 작동합니다.

 

4. 실행 시 주의사항

  • 기본적으로 npx는 자동으로 MCP 서버를 실행하므로 별도 터미널 명령어 실행은 필요 없음
  • Cursor 또는 Windsurf 같은 에디터에서 AI 프롬프트 입력 시 자동으로 연결되어 동작합니다

💡 실전 예시: 할 일 앱 테이블 만들기

예를 들어, 여러분이 할 일 관리 앱을 만들고 싶다고 해봅시다.
AI에게 이렇게 지시하세요:

“할 일 목록 테이블 만들어줘. task_name(문자열), due_date(날짜), is_done(불린값) 컬럼 포함해서.”

그러면 AI가 아래처럼 SQL을 자동 생성해줍니다:

CREATE TABLE todos (
  id SERIAL PRIMARY KEY,
  task_name TEXT NOT NULL,
  due_date DATE,
  is_done BOOLEAN DEFAULT FALSE
);

 

그리고 이 테이블을 Supabase 프로젝트에 자동으로 생성해주는 것입니다.

📈 Supabase의 장점, 왜 MCP와 찰떡인가?

  1. AI 친화적인 오픈소스 백엔드
    • 모든 기능이 API로 제공되어 LLM 도우미와 연동이 쉬움
  2. PostgreSQL 기반이라 확장성 뛰어남
    • SQL로도 고급 쿼리 실행 가능, AI가 자동 생성 가능
  3. 실시간 기능 지원 (Realtime Subscription)
    • 예: 앱에서 실시간으로 할 일 완료 상태 변경
  4. 벡터 데이터베이스 연동 가능
    • 문서 검색, 챗봇 등 다양한 AI 앱에 응용 가능
  5. 간단한 인증 & 스토리지 기능 내장
    • 사용자 관리, 이미지 저장까지도 간단하게 구현 가능

🤖 AI 도우미와 함께할 때의 강력한 워크플로우

  1. 프롬프트 작성
    • “블로그 댓글 관리용 테이블 만들어줘. 댓글 내용, 작성자, 날짜 포함.”
  2. Supabase MCP가 테이블 생성
  3. 다음엔 Brave MCP로 관련 구현 예제 검색
  4. Crawl4AI로 Supabase 문서 자동 크롤링
  5. Streamlit이나 Next.js로 프론트엔드 붙이기

🏁 마무리: 지금 당장 시작해보세요!

Supabase MCP 서버는 SQL을 몰라도 데이터베이스 중심의 앱을 만들 수 있게 해줍니다.
지금 시작해서, 아래처럼 간단한 프로젝트부터 만들어보세요:

  • 할 일 목록 앱
  • 메모 앱
  • 개인 독서 기록 앱

점점 익숙해지면 Supabase에 인증 기능, 이미지 업로드 기능, 실시간 채팅 기능도 붙일 수 있습니다.

반응형