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

인증 이메일/소셜 로그인


핵심 개념

Supabase Auth로 이메일, Google, GitHub 등 다양한 인증 방식을 구현합니다.

코드 분석
SUPABASE📋 코드 (22줄)
// 이메일 가입
await supabase.auth.signUp({
  email: 'user@email.com',
  password: 'password123'
})

// 이메일 로그인
const { data, error } = await
  supabase.auth.signInWithPassword({ email, password })

// OAuth (Google/GitHub)
await supabase.auth.signInWithOAuth({
  provider: 'google',
  options: { redirectTo: 'http://localhost:3000/auth/callback' }
})

// 로그아웃
await supabase.auth.signOut()

// 세션 확인
const { data: { session } } = await
  supabase.auth.getSession()

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

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

이 Supabase '인증 이메일/소셜 로그인' RLS 정책에서
보안 구멍·우회 가능한 케이스·과도한 권한을 찾고
안전한 정책 코드를 작성해줘.
ChatGPT

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

'인증 이메일/소셜 로그인'를 Next.js + Supabase로 구현한
실전 풀스택 코드(Auth/RLS/Realtime 포함)를 만들어줘.
Gemini

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

이 Supabase '인증 이메일/소셜 로그인' 관련 테이블·RLS 정책 전체를 분석해서
보안 취약점·N+1 쿼리·인덱스 누락을
우선순위 리포트로 만들어줘.
Grok

무료: Grok 4.1 / SuperGrok $30/mo

Supabase '인증 이메일/소셜 로그인' vs Firebase의
동일 기능 구현을 2026년 기준
비용·성능·DX로 솔직히 비교해줘.

⭐ 이것만 기억하세요
인증 이메일/소셜 로그인 이 3가지만 확실히 잡으세요
1.인증을 직접 구현하면 비밀번호 해싱, 토큰 관리, OAuth 콜백을 모두 직접 해야 합니다
2.supabase.auth.signUp/signInWithPassword/signInWithOAuth로 이메일·소셜 인증이 함수 한 줄로 완성됩니다
3.다음 챕터에서 이미지·파일을 업로드하는 Storage를 배웁니다


공유하기
진행도 12 / 34