[FE] 리액트 - 34강: 클라우드 저장소 구축: Supabase Storage에 파일 업로드하는 법
- Supabase Storage를 활용하여 파일 업로드 기능을 구현하고 데이터베이스에 저장하는 방법을 설명 💾
- Supabase에 로그인 후 스토리지 메뉴에서 새 버킷을 생성하고, 퍼블릭 버킷으로 설정하여 권한 없이 사용 가능하도록 설정 🔓
- 버킷 내에 폴더를 생성하고, 정책을 설정하여 파일 접근 권한을 관리 📁
- 파일 업로드 시 Supabase Storage에 이미지를 먼저 업로드한 후, 이미지 URL을 토픽 테이블의 썸네일 컬럼에 저장 🔗
- 파일 확장명을 추출하고, 나노 ID를 사용하여 새로운 파일명을 생성하여 파일 경로를 설정 🆔
- Supabase Storage의 업로드 함수를 사용하여 파일을 업로드하고, 업로드된 이미지의 퍼블릭 URL을 조회 🌐
- 조회된 퍼블릭 URL을 썸네일 URL 변수에 할당하고, 콘텐츠를 직렬화하여 데이터베이스에 저장 🗄️
- 파일 업로드 및 데이터베이스 저장이 완료되었는지 테스트하고, Supabase 버킷에서 파일이 정상적으로 업로드되었는지 확인 ✅
- 발행 기능은 템프 상태를 퍼블리시 상태로 변경하는 것으로 간단하게 구현 가능 🚀
- Supabase는 MVP 개발에 유용하며, 프론트엔드 개발자도 백엔드 구축 없이 웹 서비스를 구현할 수 있도록 지원 🧑💻