โ๐ป ํ๊ณ
์ด์ ๋ฐฉ๋ช ๋ก UI๋ฅผ ๋ง๋ค์์ผ๋,
์ด์ ๋ ๊ทธ ๋ฐ์ดํฐ๋ฅผ ์ง์ง๋ก ์ ์ฅํ ๋ฐฑ์๋ ์ชฝ์ ๊ฑด๋๋ ค์ผ ํ ์ฐจ๋ก๋ค.
๊ทผ๋ฐ ๋ฌธ์ ๋…
Firebase? Supabase? ์ด๊ฒ ๋ญ๋ฐ? ์ฒ์ ๋ค์ด๋ณด๋ ๋จ์ด๋ค์ด๋ผ๋ ๊ฑฐ๋ค.
๋๋ ์ด ๋ ๊ฐ์ง์ ๋ํด ์์ ์ฌ์ ์ง์์ด ์์๋ค.
๋์ถฉ ์ฐพ์๋ณด๋๊น
Firebase์ Supabase๋ ๋ฐฑ์๋๋ฅผ ์ด๋ ์ ๋ ๋์ ํด์ฃผ๋ ์๋น์ค์๋ค.
์ฌ์ง์ด ์ธ์ฆ, DB ์ ์ฅ, ์ค์๊ฐ ์ฒ๋ฆฌ ๊ฐ์ ๊ธฐ๋ฅ๋ ํ์ฌ๋ผ ์์ด์
์ง์ง๋ก ์๋ฒ ์์ด๋ ๊ธฐ๋ฅ ๊ตฌํ์ด ๊ฐ๋ฅํ๋จ๋ค…
์ผ๋จ์ ๊ตฌ๊ธ๋ง์ผ๋ก ๊ฐ๋ ์ ์ด์คํ๊ฒ ํก์ํ ๋ค,
์ข ๋ ์ฒด๊ณ์ ์ผ๋ก ๋ฐฐ์ฐ๊ธฐ ์ํด ์ธ๊ฐ์ ์ฐพ์๋ค.
๋ง์นจ ์ธํ๋ฐ์
“Firebase๋ณด๋ค 10๋ฐฐ ์ข์ Supabase”๋ผ๋ ๋ฌด๋ฃ ๊ฐ์๊ฐ ๋ฑ!
๋ฐ๋ก ์๊ฐ ์ ์ฒญํ๋ค.

๋ฌธ์ ๋… 30๋ถ ํ๋ก์ ํธ์ธ๋ฐ, ๊ฐ์๊ฐ 2์๊ฐ์ด๋ค.

“์๋, ๊ทธ๋ผ ๋ฐฉ๋ช ๋ก ๋ง๊ณ ๋ค๋ฅธ ๊ฑธ ํ์ด์ผ ํ๋?” ๋ผ๋ ์๊ฐ๋ ์ค์ณค๋ค.
์ฌ์ค ์ง๊ธ๊น์ง๋ ํฌ๊ฒ ๊ธฐํ ์์ด ๋ฌด์์ ๋ฌ๋ฆฐ ํ๋ก์ ํธ์๊ธฐ์
๋น์ฅ ์ค๋ ๋ญ ํด์ผ ํ ์ง, ์ด๋ค ํ๋ฆ์ผ๋ก ์ด์ด๊ฐ์ผ ํ ์ง ๊ณ์ ํ๋ค๋ฆฐ๋ค.
์ด๊ฑด ์ง์งํ๊ฒ, ํ๋ฒ ๋ฐฉํฅ์ฑ์ ์ก๋ ๊ณ ๋ฏผ์ ์๊ฐ์ด ํ์ํ ์ง๋ ๋ชจ๋ฅด๊ฒ ๋ค.
ํ์ง๋ง ์ผ๋จ์ ์ค๋์ ์๋๋ค.
์ค๋์ Supabase ๊ฐ์๋ฅผ ๋ฃ๊ณ , ๊ฐ๋ ์ ์ตํ๊ณ , ํ์ต ๋ด์ฉ์ ์ ๋ฆฌํ๋ ๊ฒ๊น์ง ํด๋ณด์.
๋ฌผ๋ก 30๋ถ์ด๋ผ๋ ์๊ฐ์ผ๋ก๋ ์ด๋ฆผ๋ ์๊ฒ ์ง๋ง…
๊ทธ๋๋ ์ด๊ฑธ ์ตํ๊ฒ ๋๋ค๋ฉด,
๋์ ๊ธฐ์ ์คํ์ “Supabase”๋ผ๋ ์คํ์ ํ๋ ์ถ๊ฐํ ์ ์๋ ๊ธฐํ ์๋๊ฐ?
์ํผ ์กฐ๋ง๊ฐ ๊ธฐํ์ ๋ค์ ํ๋ ๊น๊ฒ ์๊ฐํด์ ๋ฐฉํฅ์ ์ ํด๋ณด์.
๐ ์ ๋ฆฌ
Firebase์ Supabase
- ๋ ๋ค “BaaS(Backend as a Service)”
- ์ฆ ๋ฐฑ์๋๋ฅผ ๋์ ์ ๊ณตํด์ฃผ๋ ์๋น์ค
BaaS๋?
- ์๋ฒ, ๋ฐ์ดํฐ๋ฒ ์ด์ค, ๋ก๊ทธ์ธ, ํ์ผ ์ ๋ก๋ ๊ฐ์ ๋ฐฑ์๋ ๊ธฐ๋ฅ๋ค์ ์ฝ๋ ๋ช ์ค๋ง์ผ๋ก ์ฝ๊ฒ ๊ตฌํํ ์ ์๊ฒ ๋์์ฃผ๋ ํ๋ซํผ
Firebase๋?
- Google์ด ๋ง๋ BaaS ์๋น์ค
- ๋น ๋ฅด๊ฒ ์ฑ์ ๋ง๋ค๊ณ ๋ฐฐํฌํ๋ ๋ฐ ์ต์ ํ
ํน์ง
- NoSQL ๊ธฐ๋ฐ (Firestore, Realtime Database)
- Google ๊ณ์ ๊ธฐ๋ฐ์ ๊ฐํธํ ๋ก๊ทธ์ธ ์์คํ ์ ๊ณต
- ๋ชจ๋ฐ์ผ ์ฑ, ์น์ฑ ๋ชจ๋ ์ง์
- ๊ตฌ๊ธ ์ํ๊ณ์ ์ฐ๋ (FCM, Analytics ๋ฑ)
๋ํ ๊ธฐ๋ฅ
| ๊ธฐ๋ฅ | ์ค๋ช |
| Firestore / Realtime DB | ํด๋ผ์ฐ๋ NoSQL ๋ฐ์ดํฐ๋ฒ ์ด์ค (์ค์๊ฐ ๋๊ธฐํ ๊ฐ๋ฅ) |
| Authentication | ์ด๋ฉ์ผ, ๊ตฌ๊ธ, ๊นํ๋ธ ๋ฑ์ผ๋ก ๊ฐํธ ๋ก๊ทธ์ธ |
| Cloud Storage | ์ด๋ฏธ์ง, ํ์ผ ์ ๋ก๋ |
| Cloud Functions | ์๋ฒ๋ฆฌ์ค ํจ์ (๋ฐฑ์๋ ๋ก์ง ์ฒ๋ฆฌ์ฉ) |
| Hosting | ์ ์ ์น์ฌ์ดํธ ๋ฐฐํฌ ๊ฐ๋ฅ |
Supabase๋?
- Firebase๋ฅผ ๋ฒค์น๋งํนํด์ ๋ง๋ SQL ๊ธฐ๋ฐ BaaS
- ์คํ์์ค์ด๊ณ , ํต์ฌ์ PostgreSQL
ํน์ง
- Firebase์ ๋น์ทํ ๊ธฐ๋ฅ์ ๊ฐ๊ณ ์์
- ํ์ง๋ง ๋ด๋ถ์ ์ผ๋ก๋ PostgreSQL → SQL ์ฟผ๋ฆฌ๋ก ์ต์ํ๊ฒ ์ฌ์ฉ ๊ฐ๋ฅ
- GitHub์์ ์คํ์์ค๋ก ์ด์ (์ง์ ์ค์น ๊ฐ๋ฅ!)
- ์ค์๊ฐ ๊ธฐ๋ฅ๋ ์์ (PostgreSQL → WebSocket ํ์ฉ)
๋ํ ๊ธฐ๋ฅ
| ๊ธฐ๋ฅ | ์ค๋ช |
| Database | PostgreSQL (SQL ์ฟผ๋ฆฌ ์ฌ์ฉ ๊ฐ๋ฅ) |
| Auth | OAuth2 (๊ตฌ๊ธ, ๊นํ๋ธ ๋ฑ) + ์ด๋ฉ์ผ ๋ก๊ทธ์ธ |
| Storage | ํ์ผ ์ ๋ก๋ ๋ฐ ์ ๊ทผ ์ ์ด |
| Realtime | ํ ์ด๋ธ ๋ณ๊ฒฝ ์ ์ค์๊ฐ ๊ตฌ๋ ๊ฐ๋ฅ |
| Edge Functions | ์๋ฒ๋ฆฌ์ค ๋ฐฑ์๋ ์ฝ๋ ์คํ ๊ฐ๋ฅ |
| Dashboard | Firebase๋ณด๋ค UI ๊น๋ + ์ง๊ด์ |
Firebase vs Supabase ๋น๊ต
| ํญ๋ชฉ | Firebase | Supabase |
| ๊ฐ๋ฐ์ฌ | Supabase (์คํ์์ค ๊ธฐ๋ฐ) | |
| DB ๊ตฌ์กฐ | NoSQL (๋ฌธ์ ๊ธฐ๋ฐ) | SQL (PostgreSQL) |
| ์ฟผ๋ฆฌ ๋ฐฉ์ | ์์ ๋ ๋์ง๋ง ๋ณต์กํจ | SQL ๊ทธ๋๋ก ์ฌ์ฉ ๊ฐ๋ฅ |
| ์ค์๊ฐ ๊ธฐ๋ฅ | Realtime Database, Firestore | PostgreSQL ๊ธฐ๋ฐ Realtime |
| ์ธ์ฆ ์์คํ | ๊ฐ๋ ฅํจ (Google ๋ก๊ทธ์ธ ๋ฑ ๋ค์) | ๋ค์ํจ (OAuth, Magic Link ๋ฑ) |
| ์คํ์์ค ์ฌ๋ถ | โ X | โ GitHub ๊ณต๊ฐ |
| ์ง์ ์ค์น ๊ฐ๋ฅ? | โ ๋ถ๊ฐ | โ ๊ฐ๋ฅ (์์ฒด ์๋ฒ์์ ์ด์ ๊ฐ๋ฅ) |
| ์์ ๋/์ ์ฐ์ฑ | ๊ตฌ๊ธ ์ธํ๋ผ์ ์ข ์ (Lock-in) | ์ํ๋ ๋๋ก ์ปค์คํฐ๋ง์ด์ง ๊ฐ๋ฅ |
์ํฉ๋ณ ์ถ์ฒ
| ์ํฉ | ์ถ์ฒ ํ๋ซํผ | ์ด์ |
| ๋น ๋ฅด๊ฒ MVP ๋ง๋ค๊ณ ์ถ๋ค | โ Firebase | ์ ์ ๋น ๋ฆ, ์ด๋ณด์์๊ฒ ์นํ์ |
| SQL ์ฟผ๋ฆฌ๋ฅผ ์์ ๋กญ๊ฒ ์ฐ๊ณ ์ถ๋ค | โ Supabase | PostgreSQL ๊ธฐ๋ฐ์ด๋ผ ์ต์ํ ์ฟผ๋ฆฌ ๊ฐ๋ฅ |
| ์คํ์์ค, ์์ ๋ ์ค์ํ๋ค | โ Supabase | ์ง์ ํธ์คํ ๋ ๊ฐ๋ฅ, ๋ฐ์ดํฐ ์ฃผ๊ถ ↑ |
| ๊ตฌ๊ธ ์ํ๊ณ๋ฅผ ์ธ ์์ ์ด๋ค | โ Firebase | FCM, Analytics, Play์ ์ฐ๋ ์ข์ |
| ์ค์๊ฐ ๋ฐ์ดํฐ + ์ฟผ๋ฆฌ ํ์ | โ Supabase | ์ค์๊ฐ + SQL ๋ณํ ๊ฐ๋ฅ |
'๐ Project > [30๋ถ] 1์ผ 30๋ถ ๊ฐ๋ฐ ๋ฐ ํ๊ณ ' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
| โฐ [Ver2] 30๋ถ? ๊ฐ๋ฐ ๋ฐ ํ๊ณ - ์์ด์ดํ๋ ์ ์ด์ ์์ฑ (0) | 2025.04.27 |
|---|---|
| โฐ [Ver2] 30๋ถ ๊ฐ๋ฐ ๋ฐ ํ๊ณ - ํ๋ก์ ํธ ๊ธฐํ ๋ฐฉํฅ (0) | 2025.04.24 |
| โฐ [Ver1] 30๋ถ ๊ฐ๋ฐ ๋ฐ ํ๊ณ - ์กฐ๊ฑด๋ถ ๋ ๋๋ง (0) | 2025.04.09 |
| โฐ [Ver1] 30๋ถ ๊ฐ๋ฐ ๋ฐ ํ๊ณ - FlexBox (0) | 2025.04.02 |
| โฐ [Ver1] 30๋ถ ๊ฐ๋ฐ ๋ฐ ํ๊ณ - ์๋งจํฑํ๊ทธ, react-router-dom (0) | 2025.04.01 |