[Supabase] 무료 요금제 사용시 주의사항 및 팁

Supabase 무료 사용자를 위한 가이드: 무료 요금제 최대한 활용하기

Supabase는 사용 편의성과 아낌없는 무료 요금제로 인기를 얻고 있는 강력한 백엔드 서비스(BaaS) 플랫폼입니다. 하지만 다른 무료 서비스와 마찬가지로 Supabase에도 고려해야 할 제한 사항이 있습니다. 무료 Supabase 사용자로서 이러한 제한 사항을 인지하고 있으면 프로젝트를 최적화하고 예상치 못한 비용 청구를 방지하는 데 도움이 될 수 있습니다.

이 게시물에서는 데이터 전송 및 캐싱 전략에 중점을 맞춰 Supabase 무료 요금제에서 주의해야 할 몇 가지 주요 사항을 살펴봅니다.

[Supabase] 무료 요금제 사용시 주의사항 및 팁

데이터 전송 이해하기

데이터 전송은 Supabase 프로젝트에서 외부로 전송되는 데이터 양을 의미합니다. 여기에는 데이터베이스 쿼리, 파일 다운로드 및 프로젝트를 떠나는 기타 모든 작업이 포함됩니다. 무료 요금제는 매달 5GB의 데이터 전송을 제공하며 이는 상당한 양이 될 수 있지만 효율적으로 사용하는 것이 중요합니다.

캐싱이 중요한 이유

무료 요금제에서 데이터 전송을 관리하는 가장 좋은 방법 중 하나는 캐싱 메커니즘을 구현하는 것입니다. 캐싱은 자주 액세스되는 데이터를 클라이언트 측(사용자 장치)에 저장하여 지속적인 데이터베이스 호출의 필요성을 줄입니다. 이는 데이터 전송을 절약할 뿐만 아니라 응용 프로그램의 응답 속도를 향상시킵니다.

데이터 전송(Bandwidth, Egress) 절약 Tip

1. 자주 액세스되는 데이터 식별: 응용 프로그램의 사용 패턴을 분석하고 사용자가 반복적으로 액세스하는 데이터를 정확히 파악합니다. 여기에는 제품 목록, 사용자 프로필 또는 기타 자주 페치되는 정보가 포함될 수 있습니다.
2. 클라이언트 측 캐싱 구현: 라이브러리 또는 프레임워크를 활용하여 이러한 자주 액세스되는 데이터를 사용자 장치에 캐시할 수 있습니다. 인기있는 옵션으로는 Redux 또는 React 응용 프로그램용 SWR과 같은 라이브러리가 있습니다.
3. 데이터베이스 쿼리 최적화: 필요한 데이터만 검색하는 효율적인 데이터베이스 쿼리를 작성합니다. 전체 데이터 세트를 페치할 필요가 없는 경우 특정 필드만 선택합니다. Supabase는 세분화된 데이터 선택을 허용하는 강력한 쿼리 언어를 제공합니다.
4. 오프라인 기능 고려: 응용 프로그램이 오프라인에서 작동해야 하는 경우 인터넷 연결이 없어도 사용자가 데이터에 액세스할 수 있도록 허용하는 캐싱 전략을 탐색합니다.

supabse Bandwidth, Egress

예시 설명

자주 액세스되는 데이터 식별:

• e커머스 웹사이트: 사용자는 제품 목록, 제품 상세 정보, 장바구니 항목 및 주문 내역을 자주 액세스합니다.
• 소셜 미디어 플랫폼: 사용자는 프로필, 피드, 게시물 및 채팅 메시지를 자주 액세스합니다.
• 블로그 또는 뉴스 웹사이트: 사용자는 최신 게시물, 인기 게시물 및 특정 카테고리의 게시물을 자주 액세스합니다.

클라이언트 측 캐싱 구현:

• React 응용 프로그램: SWR 라이브러리를 사용하여 API 요청을 캐시하고 오프라인 데이터를 처리합니다.
• Vue.js 응용 프로그램: Vuex 스토어를 사용하여 API 응답 및 기타 애플리케이션 데이터를 캐시합니다.
• 모바일 앱: Realm 또는 PouchDB와 같은 오프라인 데이터베이스를 사용하여 데이터를 로컬로 저장합니다.

데이터베이스 쿼리 최적화:

• 필드 선택: WHERE 절을 사용하여 쿼리에서 필요한 필드만 선택합니다.
• 조인 제한: JOIN 절 사용을 최소화하고 서브쿼리 또는 관계형 데이터베이스 모델링을 사용하여 데이터 관계를 모델링합니다.
• 인덱싱: 자주 사용되는 검색 조건에 대한 인덱스를 만듭니다.

// select를 이용하여 필요한 데이터만 불러온다
const { data, error } = await supabase
  .from('cities')
  .select('name, country_id')

 

오프라인 기능 고려:

• 서비스 워커: 앱이 오프라인일 때 배경에서 API 요청을 처리하고 데이터를 캐시합니다.
• 인덱스 DB: 오프라인 데이터를 저장하고 동기화하는 데 인덱스 DB를 사용합니다.
• 파일 저장: 이미지 및 기타 오프라인 데이터를 로컬 파일 시스템에 저장합니다.

예시:

e커머스 웹사이트:

• 자주 액세스되는 데이터: 제품 목록, 제품 상세 정보, 장바구니 항목, 주문 내역
• 클라이언트 측 캐싱: SWR 사용하여 제품 목록 및 제품 상세 정보 캐시
• 데이터베이스 쿼리 최적화: 제품 ID 및 필드 목록으로 쿼리 제한
• 오프라인 기능: 인덱스 DB 사용하여 장바구니 항목 및 주문 내역 저장

소셜 미디어 플랫폼:

• 자주 액세스되는 데이터: 프로필, 피드, 게시물, 채팅 메시지
• 클라이언트 측 캐싱: Vuex 스토어 사용하여 사용자 프로필, 피드 및 게시물 캐시
• 데이터베이스 쿼리 최적화: 사용자 ID 및 시간 범위로 쿼리 제한
• 오프라인 기능: Realm 사용하여 오프라인 채팅 메시지 저장

블로그 또는 뉴스 웹사이트:

• 자주 액세스되는 데이터: 최신 게시물, 인기 게시물, 특정 카테고리의 게시물
• 클라이언트 측 캐싱: SWR 사용하여 최신 게시물 및 인기 게시물 캐시
• 데이터베이스 쿼리 최적화: 카테고리 ID 및 게시물 날짜로 쿼리 제한
• 오프라인 기능: PouchDB 사용하여 오프라인 게시물 저장

데이터 전송 외

데이터 전송은 중요한 요소이지만 데이터베이스 저장 공간(500MB) 및 파일 저장 공간(1GB)과 같은 다른 무료 요금제 제한 사항도 기억하십시오. 다음은 몇 가지 추가 팁입니다.

• 데이터베이스 스키마 계획: 불필요한 데이터 중복을 피하도록 데이터베이스 스키마를 설계합니다. 이를 통해 저장 공간을 절약할 수 있습니다.
• 파일 업로드 최적화: 업로드하기 전에 이미지 및 기타 미디어 파일을 압축합니다.

이러한 관행을 따르면 Supabase 무료 요금제를 최대한 활용하고 비용 효율적인 애플리케이션을 구축할 수 있습니다. 무료 요금제는 개발 및 실험을 위한 훌륭한 시작점이라는 점을 기억하십시오. 프로젝트가 성장하고 무료 요금제 한도를 넘어서는 경우 Supabase는 요구 사항에 따라 확장 가능한 저렴한 유료 플랜을 제공합니다.