소개
이번 스터디에서는 Lovable로 프론트엔드를 만들고,
Make로 백엔드를 만드는 스터디를 진행하고 있는데요.
대부분의 경우 무료로 사용하실 거기 때문에 5히트 안에 뭔가 유의미한 페이지를 만드려면
Supabase로 연동하는 부분은 MCP로 직접 제어해서 만들면 좋지 않을까 싶어서
시작해보게 되었어요!
진행 방법
저도 처음해보는 작업이라서 대부분 Claude에게 질문하면서 진행했어요!
Supabase 공식 문서에 있는 MCP 설정은 해당 프로젝트에만 접근할 수 있게 되어 있어서
그러면 새로운 프로젝트에는 접근할 수 없기 때문에
이 때부터 Claude와의 사투가 시작되었어요!
그 노력의 결과물만 공유해보도록 하겠습니다.
먼저 Supabase에서 Access Token 생성하기
오른쪽 상단 프로필 모양을 누르고 Account preferences 메뉴를 선택합니다.
왼쪽의 Access Tokens 메뉴를 선택하고, 오른쪽에 Generate new token을 선택.
원하는 이름을 작성하고 Expires in을 Never로 선택한 뒤 Generate token 버튼을 선택.
원래 보안 관점에선 Never를 선택하면 안되는 건데, 계속 수정해 줄라니 귀찮아서 ㅎㅎ
그냥 Never로 선택했어요.이 때 생성된 키를 따로 저장해두세요. 생성되었을 때 저장해두지 않으면 저 키를 다시 볼 수 없어요.
MCP 설치하기
햄버거 메뉴 클릭 → 개발자 → 앱 구성 파일 열기를 선택.
cluade_desktop_config.json 파일이 열립니다.
아래 내용을 복사 붙여 넣기를 합니다.
▶️ Windows 버전
{
"mcpServers": {
"supabase": {
"command": "cmd",
"args": ["/c", "npx", "-y", "@supabase/mcp-server-supabase@latest"],
"env": {
"SUPABASE_ACCESS_TOKEN": "<여러분의 supabase_access_token>"
}
}
}
}
▶️ Mac 버전
{
"mcpServers": {
"supabase": {
"command": "npx",
"args": ["-y", "@supabase/mcp-server-supabase@latest"],
"env": {
"SUPABASE_ACCESS_TOKEN": "<여러분의 supabase_access_token>"
}
}
}
}
<여러분의 supabase_access_token> 여기에 위에서 생성한 token을 입력하고 저장.
기존에 추가했던 MCP가 있으신 분들은 위의 내용을 추가.
claude_desktop_config.json 파일을 저장하고 닫고 Claude 프로그램 자체를 완전 종료합니다. Mac의 경우 Claude Desktop을 활성화한 상태에서 ⌘ + Q .
다시 Claude를 열고 Supabase MCP가 잘 설정되어 있는지 확인을 꼭 해야합니다.
Supabase MCP가 연동되었나요?다음의 프롬프트를 입력해서 새로운 프로젝트를 생성합니다.
새로운 프로젝트를 만들고 싶습니다.
project 이름은 Youtube summary입니다.
video_url, title, channel_name, thumbnail_url, transcript_text, summary_text, tags, created_at, update_at으로 테이블을 구성하고 싶습니다.
데이터 유형은 이름에 맞춰서 설계해주세요. tags의 유형은 text로 해주세요.
테이블 생성이 완료된 이후에 샘플 데이터를 넣어 달라고 요청하세요.
Supabase에 정상적으로 데이터가 들어갔는지도 꼭 확인해보세요.
이렇게 해서 Supabase MCP를 셋팅해서 내일 오프모임에 오시는 분들께 알려드릴 수 있게 되었어요!
결과와 배운 점
처음에는 기존에 등록한 MCP가 2개가 있어서 그걸 유지한 채로 하려고
Claude에게 같이 쓸 수 있게 짜달라고 했더니 token 값을 input으로 설정해줘서
계속 인증 실패를 하는 바람에 이걸로 거의 2시간은 날려먹은 거 같아요 😭
키가 노출되어 있는 상태이고, 전체를 제어할 수 있는 설정이라서 위험하다고
그렇게 짜 주었던 것인데, 정상적으로 작동이 안되면 아무 소용없는 게 아닐까 싶긴 해요.
어쨌든 처음으로 해보는 건 항상 삽질이 동반되더라고요 ㅎㅎ
그래도 성공해서 매우 뿌듯합니다.
내일 스터디원 분들 만날 생각에 매우 기대가 되고 있어요~
낼 모두 만나요 😃
