교육용 Padlet 클론 Step 3: Supabase(PostgreSQL 관리형)로 전환하는 코드 및 교안 가이드. 클라우드 DB, 배포, 실제 서비스 개념 학습. Step 2에서 db.js만 교체. Supabase 연동, 클라우드 DB, Step 3 코드 작성이 필요하면 이 스킬을 사용할 것.
교육용 Padlet 클론의 세 번째 단계: 인터넷 어딘가에 있는 DB, 친구도 접속 가능한 서비스로 발전.
"지금까지는 내 컴퓨터에만 있었어요. 이제 인터넷에 올려서 친구도 쓸 수 있게 해봅시다."
| 비교 | 직접 PostgreSQL | Supabase |
|---|---|---|
| 설치 | 복잡 | 없음 (브라우저) |
| 테이블 확인 | 커맨드라인 |
| 웹 UI (Excel처럼) |
| API 자동 생성 | 직접 코딩 | 자동 |
| 무료 | 무료 | 무료 (2개 프로젝트) |
| 학생 경험 | 어려움 | "Notion이랑 비슷!" |
브라우저 (HTML/CSS/JS) ← Step 1, 2와 동일
↕ fetch()