supabase
CHAPTER 4 / 34
읽기 약 2분
SYNTAX
AI 프롬프트로 Supabase 200% 활용하기
핵심 개념
Supabase를 배우면서 AI를 코딩 파트너로 쓰는 11개 실전 프롬프트.
본문
이 챕터는 Supabase을 배우면서 AI를 코딩 파트너로 활용하는 11개 프롬프트를 제공합니다. ❌나쁜 예 vs ✅좋은 예 대조.
💡 4단계 공식
1. 역할 / 2. 맥락 / 3. 지시 / 4. 형식🟢 기초 (1~4)
1. 테이블 + CRUD
❌ Supabase CRUD
✅
Supabase JS SDK로 todos 테이블 CRUD를 만들어줘.
select/insert/update/delete + .eq/.in 필터 +
에러 핸들링 + TypeScript 타입 생성.2. Auth (이메일/소셜)
❌ Supabase 인증
✅
이메일+비밀번호 / Google OAuth / Magic Link
3가지 인증을 비교 + Next.js Server Component에서 세션 확인.3. 기본 RLS
❌ RLS 정책
✅
RLS 기본 정책 4가지(읽기/쓰기/수정/삭제 본인 글만)을
SQL + 테스트 쿼리로 보여줘. Supabase Studio UI 활용.4. 타입 자동 생성
❌ TypeScript 타입
✅
supabase gen types로 DB 스키마 → TS 타입 자동 생성.
워크플로우 + CI 통합 + 스키마 변경 시 자동 동기화.🟡 중급 (5~8)
5. 고급 RLS
❌ RLS 응용
✅
조직(팀) 멀티테넌시 RLS 정책을 설계해줘.
팀 멤버만 + 역할별 권한 + 외부 공유 링크 + 함정 5개.6. Storage
❌ Storage 사용법
✅
Storage 업로드 + RLS 정책 + 서명된 URL +
이미지 변환(transform 옵션) + CDN 캐싱.7. Edge Functions
❌ Edge Functions
✅
Edge Function으로 외부 API 프록시(OpenAI 호출)를 만들어줘.
Deno + 보안(API 키 숨김) + CORS + 타임아웃.8. Realtime
❌ 실시간 구독
✅
postgres_changes로 실시간 채팅 메시지를 구독.
RLS + 채널별 분리 + 끊김 감지 + 재연결 + presence.🔵 심화 (9~11)
9. Database Functions / RPC
❌ Supabase RPC
✅
복잡한 트랜잭션을 SQL 함수로 작성 + supabase.rpc로 호출.
SECURITY DEFINER + 멱등성 + 입력 검증 + 에러 처리.10. 마이그레이션
❌ Supabase 마이그레이션
✅
Supabase CLI로 로컬 → 프로덕션 마이그레이션.
supabase migration new + db push + 롤백 +
GitHub Actions 자동화 + 시드 데이터.11. 보안 + 비용
❌ Supabase 보안
✅
Supabase 운영 체크리스트.
RLS 모든 테이블 + service_role 서버 전용 + 백업 +
rate-limit + Vault 시크릿 + 비용 모니터링.⚠️ AI 사용 시 주의사항
- AI 코드 그대로 복붙 금지 — 한 줄씩 이해
- Supabase 버전 명시 — 옛 자료가 많음
- 보안·검증·에러 처리 명시 — 기본 예제는 생략
- 주 2회는 AI 없이 작성 — 진짜 실력은 직접 짜야
💻 데모 코드
// ❌ 나쁜: 'Supabase로 게시글 가져오기'
const { data: posts } = await supabase.from('posts').select('*');
// 문제: 모든 행 가져옴 (성능), RLS 없으면 모든 사용자 데이터, 타입 any
// ✅ 좋은: 페이지네이션 + 필터 + 타입 + RLS 가정
import type { Database } from './database.types';
const supabase2 = createClient<Database>(/* ... */);
async function listMyPosts({ limit = 20, cursor }: { limit?: number; cursor?: string }) {
let q = supabase2.from('posts')
.select('id, title, created_at')
.eq('published', true) // RLS와 별개로 추가 필터
.order('created_at', { ascending: false })
.limit(limit + 1);
if (cursor) q = q.lt('created_at', cursor);
const { data, error } = await q;
if (error) throw error;
const hasMore = (data?.length ?? 0) > limit;
return { items: data!.slice(0, limit), nextCursor: hasMore ? data![limit - 1].created_at : null };
}
/* 📊 비교: 타입 안전 + 페이지네이션 + 명시 컬럼 + RLS와 보완 — 프롬프트 구체성이 결정 */AI 프롬프트
🤖 AI에게 잘 물어보는 법 — 모델·전략별 프롬프트
Claude
무료: Sonnet 4.6 / Pro $20/mo: Opus 4.6
내가 만든 Supabase 프로젝트에 AI를 활용해서 RLS 정책 구멍·인덱스·N+1을 자동 점검받는 프롬프트 템플릿 3종을 설계해줘.
ChatGPT
무료: GPT-5.5 / Plus $20/mo: GPT-5.5 Pro
Supabase 학습에 ChatGPT를 활용하는 실전 시나리오 5가지(스키마 설계, RLS 작성, Edge Functions, Realtime, 디버깅)를 바로 쓸 수 있는 프롬프트와 함께 보여줘.
Gemini
무료: 2.5 Flash / Pro $19.99/mo: 3.1 Pro
Supabase 프로젝트 전체를 AI로 분석할 때 Claude/ChatGPT/Gemini/Grok 각각의 강점과 적합한 프롬프트 패턴을 비교 정리해줘.
Grok
무료: Grok 4.1 / SuperGrok $30/mo
2026년에 AI 코드 어시스턴트로 Supabase를 배우는 게 공식 문서·강의보다 빠른지, 어떤 한계가 있는지 솔직히 평가해줘.
⭐ 이것만 기억하세요
AI 프롬프트로 Supabase 200% 활용하기는 이 3가지만 확실히 잡으세요
1.프롬프트 4단계 공식: 나쁜 예/좋은 예로 코드 품질 극적 향상
2.11개 프롬프트: 기초 4 + 중급 4 + 심화 3 — Supabase 핵심 영역 망라
3.AI는 옛 자료·보안 누락 가능 — 명시 + 직접 작성 병행
공유하기
진행도 4 / 34