Cline AI MCP Workflow — Supabase Web App with Auth, Storage & DB
- Cline AI는 Claude, Gemini, Olama 등 다양한 AI 모델을 유연하게 선택하여 사용할 수 있는 VS Code AI 어시스턴트 플러그인입니다. 🧠
- Supabase MCP(Managed Cloud Platform) 서버와 통합되어 VS Code 내에서 Supabase 백엔드 기능을 쉽게 활용할 수 있습니다. 🛠️
- AI 세션의 비용(예: 토큰 사용량)을 실시간으로 추적하여 개발자가 지출을 모니터링할 수 있도록 돕습니다. 💰
- 간단한 프롬프트만으로 AI가 Supabase를 활용한 데스크톱 배경화면 생성 웹 애플리케이션을 자동으로 구축합니다. 🖼️
- AI는 Supabase의 인증(Auth), PostgreSQL 데이터베이스(DB), 스토리지(Storage) 기능을 자동으로 설정하고 통합합니다. 🚀
- AI 에이전트가 VS Code 내에서 웹 브라우저를 조작하고 상호작용하는 놀라운 기능을 시연했습니다. 🌐
- 초기 시도에서 AI는 Supabase 프로젝트를 직접 생성하지 못했으나, 명시적인 프롬프트로 데이터베이스 테이블 및 스토리지 버킷 생성을 유도했습니다. 💡
- 클라이언트 측에서 OpenAI API를 직접 호출할 경우 API 키 노출 및 CORS(교차 출처 리소스 공유) 문제와 같은 보안 및 기술적 한계에 직면했습니다. ⚠️
- AI는 엣지 함수 코드를 생성했지만, Supabase에 자동으로 배포하는 데는 실패하여 수동 개입이 필요함을 보여주었습니다. 🚧
- 전체 애플리케이션 개발에 약 20분과 $2.23의 비용이 소요되어, AI 기반 개발의 시간 및 비용 효율성을 입증했습니다. ⏱️
데브허브 | DEVHUB | Cline AI MCP Workflow — Supabase Web App with Auth, Storage & DB