통합 요약노트
Ch.19 Supabase — 백엔드 없이 풀스택
BaaS 개념, Supabase CRUD, 인증, 스토리지
이 챕터의 내용
1
BaaS란? — 서버 코드 없이 백엔드
Supabase — 오픈소스 Firebase 대안으로, PostgreSQL 기반의 BaaS(Backend as a Service)입니다.
웹 앱의 뒷편에는 항상 백엔드가 있습니다
BaaS = Backend as a Service 백엔드를 서비스로 제공받는 것
서버 코드를 직접 작성하지 않고, 대시보드와 클라이언트 SDK만으로 백엔드 기능을 사용합니다.
2
Supabase 데이터베이스 — CRUD 완전정복
Supabase JS 클라이언트 — SQL 대신 JavaScript 메서드로 CRUD를 수행합니다.
대시보드에서 테이블을 만들고 RLS로 보안을 설정합니다
SQL 대신 자바스크립트 메서드로 데이터를 다룹니다
React 컴포넌트에서 useEffect로 데이터를 불러옵니다
3
인증과 스토리지
Supabase Auth — 이메일, 소셜 로그인을 메서드 하나로 처리합니다.
회원가입, 로그인, 소셜 로그인 메서드 하나로 끝납니다
소셜 로그인도 간단합니다. Google, GitHub 등을 대시보드에서 활성화하면 됩니다.
로그인 상태가 바뀌면 자동으로 감지해서 UI를 전환합니다
key
핵심 용어 모음
🗄️
데이터베이스
사용자 정보, 게시글 등 데이터를 저장하고 조회
🔐
인증
회원가입, 로그인, 비밀번호 관리
📁
파일 저장
프로필 이미지, 첨부 파일 업로드/다운로드
🔌
API
프론트엔드와 데이터를 주고받는 통로
✅
SIGNED_IN
사용자가 로그인했을 때
👋
SIGNED_OUT
사용자가 로그아웃했을 때
🔄
TOKEN_REFRESHED
토큰이 자동 갱신되었을 때
✏️
USER_UPDATED
사용자 프로필이 변경되었을 때
compare_arrows
비교 정리
| 항목 | Firebase | Supabase |
|---|---|---|
| DB 종류 | NoSQL (Firestore) | PostgreSQL (관계형) |
| 오픈소스 | ❌ 구글 독점 | ✅ 오픈소스 |
| SQL 사용 | ❌ 자체 쿼리 | ✅ 표준 SQL |
퀴즈와 인터랙션으로 더 깊이 학습하세요
play_circle인터랙티브 코스 시작하기