요약 슬라이드

←→

블루투스 연결 — MCP 실전 활용

차에 스마트폰을 연결하듯, AI에 데이터베이스(Supabase)와 외부 API를 연결하여 사이트에 '기억'과 '정보'를 채웁니다.

새로고침해도 사라지지 않는 방명록

편 2-4에서 만든 방명록은 새로고침하면 사라졌습니다. 이제 외부 저장소(Supabase)를 연결해 이를 해결합니다.

1단계: Supabase(데이터베이스) 연결

1. 가입: [supabase.com]에서 프로젝트를 생성합니다.
2. 연동: 프로젝트의 URL과 API Key를 Antigravity MCP 설정에 입력합니다.

2단계: 데이터 '기억' 시키기

AI에게 다음 프롬프트를 보냅니다.

Supabase에 방명록 테이블을 만들고, [남기기] 버튼을 누르면 데이터가 저장되게 해줘. 새로고침해도 이전 글들이 보이게 수정해줘.

• 결과: 이제 브라우저를 껐다 켜도 내가 쓴 방명록이 그대로 남아 있습니다.

외부 정보 가져오기: GitHub 연동

내 정보를 직접 타이핑하지 않고, GitHub에서 실시간으로 긁어옵니다. (가져오기 방식)

실행 프롬프트

GitHub API를 사용해서 내 프로필 정보를 가져온 뒤 포트폴리오 메인에 보여줘. 내 아이디는 [사용자ID]야.

전과 후 비교: MCP의 위력

마일스톤 정리

• Supabase 연결을 통한 데이터 저장 기능 구현 완료
• 외부 API(GitHub) 연동으로 실시간 정보 노출 완료
• AI가 외부 서비스와 양방향 통신하는 감각 체득