실시간 구독 (Realtime)

핵심 개념

Supabase Realtime으로 DB 변경사항을 실시간으로 구독합니다. INSERT, UPDATE, DELETE 이벤트를 처리합니다.

코드 분석

SUPABASE📋 코드 (16줄)

// 테이블 변경 구독
const channel = supabase
  .channel('posts-changes')
  .on(
    'postgres_changes',
    { event: '*', schema: 'public', table: 'posts' },
    (payload) => {
      console.log(payload.eventType)  // INSERT/UPDATE/DELETE
      console.log(payload.new)         // 새 데이터
      console.log(payload.old)         // 이전 데이터
    }
  )
  .subscribe()

// 구독 해제
return () => supabase.removeChannel(channel)

AI 프롬프트

🤖 AI에게 잘 물어보는 법 — 모델·전략별 프롬프트

Claude

무료: Sonnet 4.6 / Pro $20/mo: Opus 4.6

이 Supabase '실시간 구독 (Realtime)' RLS 정책에서
보안 구멍·우회 가능한 케이스·과도한 권한을 찾고
안전한 정책 코드를 작성해줘.

ChatGPT

무료: GPT-5.5 / Plus $20/mo: GPT-5.5 Pro

'실시간 구독 (Realtime)'를 Next.js + Supabase로 구현한
실전 풀스택 코드(Auth/RLS/Realtime 포함)를 만들어줘.

Gemini

무료: 2.5 Flash / Pro $19.99/mo: 3.1 Pro

이 Supabase '실시간 구독 (Realtime)' 관련 테이블·RLS 정책 전체를 분석해서
보안 취약점·N+1 쿼리·인덱스 누락을
우선순위 리포트로 만들어줘.

Grok

무료: Grok 4.1 / SuperGrok $30/mo

Supabase '실시간 구독 (Realtime)' vs Firebase의
동일 기능 구현을 2026년 기준
비용·성능·DX로 솔직히 비교해줘.

⭐ 이것만 기억하세요

실시간 구독 (Realtime)는 이 3가지만 확실히 잡으세요

1.클라이언트가 주기적으로 폴링하면 실시간성이 떨어지고 서버 부하가 높아집니다

2.supabase.channel().on('postgres_changes', 필터, 콜백)으로 INSERT/UPDATE/DELETE를 실시간 수신합니다

3.다음 챕터에서 이메일·소셜 로그인 인증을 설정합니다

💬 이 챕터 질문 보기

SUPABASE · CH.11 — 질문하거나 답변을 확인하세요

→

진행도 11 / 34

← 커리큘럼으로 ← 목록으로 (Supabase)