바이브 코딩/Cursor AI

Supabase MCP Server 설치하고 데이터베이스 사용하기

· 코딩마이데이

01 수파베이스 MCP를 사용하려면 먼저 수파베이스 홈페이지에서 회원가입 후 액세스 토큰을 발급받아야 합니다. 커서는 이 액세스 토큰을 이용해 웹에 있는 수파베이스에 접근하고, 데이터를 읽거나 쓰는 등 다양한 조작을 할 수 있습니다. 다음의 수파베이스 홈페이지에 들어가 회원가입 후 로그인을 한 다음 프로필 아이콘에서 [Account preferences]를 누릅니다.

수파베이스 홈페이지: https://supabase.com/

 

Supabase | The Postgres Development Platform.

Build production-grade applications with a Postgres database, Authentication, instant APIs, Realtime, Functions, Storage and Vector embeddings. Start for free.

supabase.com

 

02 왼쪽에 있는 [Access Tokens] 항목에서 [Generate new token]을 누릅니다. 그런 다음 토큰 이름을 지어 [Generate Token]을 눌러 토큰을 만듭니다. 여기서 주의할 점은 토큰은 생성 직후에만 볼 수 있고 이후에는 볼 수 없습니다. 액세스 토큰은 데이터베이스 자체에 접근하는 키의 역할을 하므로 보안이 중요하기 때문에 토큰을 만든 사람에게도 한 번만 보여주는 겁니다. 성공적으로 토큰이 생성되었다면 [Copy]를 눌러 토큰을 복사합니다.

 

03 이제 스미더리에서 Supabase MCP Server를 검색하여 설치하려고 하면 액세스 토큰을 입력하려고 합니다. 앞서 복사한 값을 액세스 토큰 입력창에 입력하고 [Connect]를 누른 다음 또는 창에서 [Cursor로 열기]를 클릭하면 설치가 진행합니다. 커서 설정 화면으로 넘어가 확인하면 Tools에서 문제없이 잘 설치된 것을 확인할 수 있습니다.

 

04 설치가 완료되면 수파베이스를 이용해서 데이터베이스를 구축하고 임시 데이터를 구축하고 임시 데이터를 입려해 실제로 어떻게 동작하는지 확인해보겠습니다. 여기부터는 커서에 지시만 하면 되므로 크게 어렵지 않습니다. 다만 다음과 같이 수파베이스의 구조를 이해한 상태에서 작동 방식에 따라 지시해야 합니다.

  • 수파베이스는 수파베이스 사이트 내의 조직 - 프로젝트라는 단위로 데이터베이스를 관리
  • 수파베이스에서 데이터베이스를 테이블이라고 부름
  • 즉, 로직을 정한 후 프로젝트를 생성하고 그 안에 테이블을 만들어야 데이터를 적재할 수 있음
수파베이스에 카드뒤집기 점수를 기록할 데이터베이스를 하나 구축하려는데, 프로젝트를 하나 생성하고 그 안에 테이블을 적당히 만들어서 카드뒤집기 점수를 기록할 수 있게 해줘. 수파베이스 MCP를 활용해줘.

 

05 그러면 놀랍게도 커서가 방금 여러분이 입력한 액세스 토큰을 바탕으로 수파베이스 계정의 상태를 확인하고 프로젝트를 생성한 뒤 데이터베이스와 테이블을 만들곘다고 합니다. 그렇게 하라고 해봅시다.

그렇게 해줘.

 

잠시 후 커서가 프로젝트를 생성하고 테이블을 만들었다고 알려줍니다. 

 

06 수파베이스 웹사이트의 계정으로 돌아가 프로젝트 목록을 보면 card-flip-score라는 이름의 프로젝트가 생성된 것을 확인할 수 있습니다. 해당 프로젝트를 눌러 들어간 다음 왼쪽 모양의 아이콘을 눌러 Table Editor를 열고 목록에 보이는 card_flip_sources 테이블을 누르면 테이블 상태로 볼 수 있습니다. 아직 아무런 데이터를 입력한 적이 없으므로 열만 보이는 것이 정상입니다. 이 모든 작업이 커서와 Suparbase MCP Server로 이루어진 것입니다.

 

07 시험 삼아 커서에게 아무 데이터나 한 줄 넣어보라고 해봅시다.

테스트할 겸 아무 데이터나 한 줄 넣아봐.

 

그랬더니 수파베이스 테이블에 데이터가 한 줄 입력됩니다.