AI 개발

Cursor에서 Supabase MCP 연동하기 - 자연어로 DB 테이블 생성

Pro.Dev 2025. 6. 6. 02:52
반응형

커서에서 수파베이스 MCP 설정

개발 생산성을 극대화하는 가장 강력한 방법 중 하나는 AI 코드 에디터클라우드 데이터베이스를 연결하는 것입니다. 특히 CursorSupabase를 연동하면, 자연어로 데이터베이스를 설계하고 관리할 수 있는 혁신적인 워크플로우를 경험할 수 있습니다.

이 글에서는 Supabase의 MCP(Model Context Protocol) 기능을 활용하여 Cursor와 손쉽게 연동하는 과정을 단계별로 안내드립니다.

 

설명 동영상 : https://youtu.be/URlAS_cZ3JU


1. Supabase 프로젝트 준비

먼저 Supabase에서 프로젝트를 생성해야 합니다.

  1. Supabase 공식 사이트에 접속해 로그인합니다.
  2. 새로운 프로젝트를 생성합니다.
  3. Access Tokens로 이동하여 Generate new token을 클릭, 새로운 토큰을 생성합니다.

이 토큰은 MCP 연동 시 인증 정보로 사용됩니다.

Supabase MCP는 따로 서버를 구축하지 않고, 공식 MCP 서버를 Cursor에서 직접 호출하는 방식으로 작동합니다.


2. 커서 ai 실행

커서 ai 를 실행하고, 프로젝트 폴더를 엽니다.

 

3. .cursor/mcp.json 파일 설정

Cursor 프로젝트 루트 디렉토리에 .cursor/mcp.json 파일을 생성한 후 다음과 같이 설정합니다.

{
  "mcpServers": {
    "supabase": {
      "command": "npx",
      "args": [
        "-y",
        "@supabase/mcp-server-supabase@latest",
        "--access-token",
        "여기에_복사한_토큰_입력"
      ]
    }
  }
}

위의 코드를 복사해서 붙여넣고, 우리가 변경할 부분은 딱 한군데 입니다. => "여기에_복사한_토큰_입력"

  • "여기에_복사한_토큰_입력" 부분에 Supabase에서 생성한 Access Token을 입력하세요.
  • 필요하다면 여러 MCP 서버를 동시에 등록할 수도 있습니다.


4. Cursor에서 MCP 서버 활성화

  1. Cursor 에디터를 실행합니다.
  2. 좌측 하단 또는 Settings > MCP 탭으로 이동합니다.
  3. 위에서 설정한 supabase MCP 서버가 목록에 표시되어야 하며, 초록불이 들어온 상태라면 성공적으로 활성화된 것입니다.
  4. MCP 탭이 보이지 않는다면 Cursor를 최신 버전으로 업데이트하세요.

5. 연동 테스트

이제 실제로 연동이 잘 되었는지 확인해봅니다.

Cursor의 명령 프롬프트(Command Palette)에 다음과 같이 입력해보세요:

  • "books라는 테이블을 만들어줘"
  • "users 테이블의 구조를 알려줘"
  • "샘플 데이터를 추가해줘"

정상적으로 동작한다면 Cursor가 자연어 명령을 Supabase MCP 서버를 통해 처리하고, 실제 데이터베이스 작업이 자동으로 수행됩니다.


Supabase MCP와 Cursor의 연동은 AI 개발 환경과 데이터베이스 관리의 경계를 허무는 도약입니다. 자연어로 테이블을 생성하고, 구조를 파악하며, 데이터를 입력하는 경험은 기존의 SQL 쿼리 작성 방식과는 완전히 다른 차원의 편리함을 제공합니다.


반응형