OPEN HYPER STEP
← 목록으로 (Supabase)
SUPABASE · 4 / 34
supabase
CHAPTER 4 / 34
읽기 약 2
SYNTAX

AI 프롬프트로 Supabase 200% 활용하기


핵심 개념

Supabase를 배우면서 AI를 코딩 파트너로 쓰는 11개 실전 프롬프트.

본문

이 챕터는 Supabase을 배우면서 AI를 코딩 파트너로 활용하는 11개 프롬프트를 제공합니다. ❌나쁜 예 vs ✅좋은 예 대조.


💡 4단계 공식

📋 코드 (1줄)
1. 역할 / 2. 맥락 / 3. 지시 / 4. 형식

🟢 기초 (1~4)

1. 테이블 + CRUD

Supabase CRUD

📋 코드 (3줄)
Supabase JS SDK로 todos 테이블 CRUD를 만들어줘.
select/insert/update/delete + .eq/.in 필터 +
에러 핸들링 + TypeScript 타입 생성.

2. Auth (이메일/소셜)

Supabase 인증

📋 코드 (2줄)
이메일+비밀번호 / Google OAuth / Magic Link
3가지 인증을 비교 + Next.js Server Component에서 세션 확인.

3. 기본 RLS

RLS 정책

📋 코드 (2줄)
RLS 기본 정책 4가지(읽기/쓰기/수정/삭제 본인 글만)을
SQL + 테스트 쿼리로 보여줘. Supabase Studio UI 활용.

4. 타입 자동 생성

TypeScript 타입

📋 코드 (2줄)
supabase gen types로 DB 스키마 → TS 타입 자동 생성.
워크플로우 + CI 통합 + 스키마 변경 시 자동 동기화.

🟡 중급 (5~8)

5. 고급 RLS

RLS 응용

📋 코드 (2줄)
조직(팀) 멀티테넌시 RLS 정책을 설계해줘.
팀 멤버만 + 역할별 권한 + 외부 공유 링크 + 함정 5개.

6. Storage

Storage 사용법

📋 코드 (2줄)
Storage 업로드 + RLS 정책 + 서명된 URL +
이미지 변환(transform 옵션) + CDN 캐싱.

7. Edge Functions

Edge Functions

📋 코드 (2줄)
Edge Function으로 외부 API 프록시(OpenAI 호출)를 만들어줘.
Deno + 보안(API 키 숨김) + CORS + 타임아웃.

8. Realtime

실시간 구독

📋 코드 (2줄)
postgres_changes로 실시간 채팅 메시지를 구독.
RLS + 채널별 분리 + 끊김 감지 + 재연결 + presence.

🔵 심화 (9~11)

9. Database Functions / RPC

Supabase RPC

📋 코드 (2줄)
복잡한 트랜잭션을 SQL 함수로 작성 + supabase.rpc로 호출.
SECURITY DEFINER + 멱등성 + 입력 검증 + 에러 처리.

10. 마이그레이션

Supabase 마이그레이션

📋 코드 (3줄)
Supabase CLI로 로컬 → 프로덕션 마이그레이션.
supabase migration new + db push + 롤백 +
GitHub Actions 자동화 + 시드 데이터.

11. 보안 + 비용

Supabase 보안

📋 코드 (3줄)
Supabase 운영 체크리스트.
RLS 모든 테이블 + service_role 서버 전용 + 백업 +
rate-limit + Vault 시크릿 + 비용 모니터링.

⚠️ AI 사용 시 주의사항

  1. AI 코드 그대로 복붙 금지 — 한 줄씩 이해
  2. Supabase 버전 명시 — 옛 자료가 많음
  3. 보안·검증·에러 처리 명시 — 기본 예제는 생략
  4. 주 2회는 AI 없이 작성 — 진짜 실력은 직접 짜야

💻 데모 코드

TYPESCRIPT📋 코드 (23줄)
// ❌ 나쁜: '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