Ch.19 Supabase — 백엔드 없이 풀스택
BaaS란? — 서버 코드 없이 백엔드
서버 개발 배우느라 6개월? Supabase면 6분
DB 설계, 인증 구현, API 서버 구축… 풀스택 개발자가 되려면 배울 게 산더미입니다. 하지만 바이브 코더에게는 더 빠른 길이 있습니다.
서버 코드 한 줄 없이 풀스택 앱을 만들 수 있다면?
Supabase — 오픈소스 Firebase 대안으로, PostgreSQL 기반의 BaaS(Backend as a Service)입니다.
핵심 내용
웹 앱의 뒷편에는 항상 백엔드가 있습니다
DB 설계: 테이블 구조, 관계 설정, SQL 작성
서버 구축: Node.js/Express로 API 서버 만들기
인증 구현: JWT, 세션, 보안 처리
배포: 서버 호스팅, 도메인, SSL 설정
직접 만들면 수 주~수 개월 걸리는 작업입니다. 바이브 코더에게는 더 효율적인 방법이 필요합니다.
BaaS = Backend as a Service 백엔드를 서비스로 제공받는 것
서버 코드를 직접 작성하지 않고, 대시보드와 클라이언트 SDK만으로 백엔드 기능을 사용합니다.
왜 Supabase인가? SQL을 이미 배웠으니 바로 활용 가능하고, 오픈소스라 락인(lock-in) 걱정이 없습니다.
Supabase 프로젝트를 만들고 API 키를 확인합시다
1. 가입: supabase.com에서 GitHub 로그인
2. 프로젝트 생성: New Project → 이름, 비밀번호, 리전 설정
3. 대시보드: Table Editor, SQL Editor, Auth 탭 확인
4. API 키 확인: Settings → API에서 URL과 anon key 복사
// .env.local 파일에 저장
NEXT_PUBLIC_SUPABASE_URL=https://abc123.supabase.co
NEXT_PUBLIC_SUPABASE_ANON_KEY=eyJhbGciOiJIUzI1NiIs...
// supabase 클라이언트 초기화
import { createClient } from '@supabase/supabase-js'
const supabase = createClient(
process.env.NEXT_PUBLIC_SUPABASE_URL!,
process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!
)anon key는 공개 키입니다. 비밀번호가 아닙니다. 보안은 RLS(Row Level Security)로 처리합니다.
Supabase는 NoSQL 데이터베이스를 사용한다.
BaaS(Backend as a Service)의 핵심 장점은?
Supabase의 anon key에 대한 올바른 설명은?
핵심 용어
데이터베이스
사용자 정보, 게시글 등 데이터를 저장하고 조회
인증
회원가입, 로그인, 비밀번호 관리
파일 저장
프로필 이미지, 첨부 파일 업로드/다운로드
API
프론트엔드와 데이터를 주고받는 통로
비교 정리
| 항목 | Firebase | Supabase |
|---|---|---|
| DB 종류 | NoSQL (Firestore) | PostgreSQL (관계형) |
| 오픈소스 | ❌ 구글 독점 | ✅ 오픈소스 |
| SQL 사용 | ❌ 자체 쿼리 | ✅ 표준 SQL |
정리 노트
BaaS란? — 서버 코드 없이 백엔드
핵심 개념
- 백엔드 역할
- DB, 인증, 파일 저장, API — 서버가 하는 4가지 핵심 기능
- BaaS
- Backend as a Service — 서버 코드 없이 백엔드 기능 사용
- Supabase
- 오픈소스 Firebase 대안, PostgreSQL 기반 BaaS
- anon key
- 클라이언트에서 사용하는 공개 키 — 보안은 RLS로 처리
Supabase는 바이브 코더가 가장 빠르게 풀스택 앱을 만들 수 있는 도구입니다.
시각 자료
퀴즈와 인터랙션으로 더 깊이 학습하세요
play_circle인터랙티브 레슨 시작