스토리지 파일 업로드

핵심 개념

Supabase Storage로 이미지, 동영상 등 파일을 업로드합니다. 버킷 생성, 업로드, URL 생성을 다룹니다.

코드 분석

SUPABASE📋 코드 (19줄)

// 파일 업로드
const file = e.target.files[0]
const path = `avatars/${userId}/${file.name}`

const { error } = await
  supabase.storage.from('images')
    .upload(path, file, {
      cacheControl: '3600',
      upsert: true
    })

// 공개 URL 가져오기
const { data: { publicUrl } } =
  supabase.storage.from('images').getPublicUrl(path)

// 서명된 URL (비공개 파일)
const { data } = await
  supabase.storage.from('private')
    .createSignedUrl(path, 3600)

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.파일을 DB에 직접 저장하면 DB 크기가 급증하고 바이너리 데이터 관리가 복잡해집니다

2.supabase.storage.from('bucket').upload(path, file)로 파일을 S3 호환 스토리지에 저장하고, getPublicUrl로 URL을 생성합니다

3.다음 챕터에서 서버리스 백엔드 로직을 실행하는 Edge Functions를 배웁니다

💬 이 챕터 질문 보기

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

→

진행도 13 / 34

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