[Flutter] supabase 적용 - Lucas 블로그

Supabase는 오픈 소스의 Firebase 대안으로, 실시간 데이터베이스, 사용자 인증, 파일 스토리지, RESTful 및 GraphQL API 등을 제공하는 백엔드-as-a-Service(BaaS) 플랫폼입니다. PostgreSQL을 기반으로 하며, 쉽게 설정하고 확장할 수 있어 개발자들이 빠르게 풀스택 애플리케이션을 구축할 수 있도록 지원합니다. flutter에 supabase를 적용하는 관점에서 설명 하겠습니다.

오픈 소스

Supabase는 오픈 소스이기 때문에, 사용자들은 코드를 검토하고, 필요에 따라 수정하며, 커뮤니티와 함께 개선할 수 있습니다. 이는 투명성과 유연성을 제공합니다.

오픈 소스 소프트웨어는 그 소스 코드가 공개되어 있어 누구나 자유롭게 사용, 수정, 배포할 수 있는 소프트웨어를 의미합니다.
Supabase는 오픈 소스 백엔드-as-a-Service(BaaS) 플랫폼입니다. 이는 개발자들이 Supabase의 코드를 검토하고, 필요에 따라 수정할 수 있음을 의미합니다. 또한, 커뮤니티 기반의 개선과 협력이 가능하며, 개발자들은 특정 기능을 직접 추가하거나 수정할 수 있습니다.
Supabase의 장점으로 투명성, 사용자 정의 가능성, 무료 사용, 커뮤니티 기반의 지원 및 협력 등이 있습니다.

풀 SQL 지원

Supabase는 PostgreSQL을 사용하여 강력한 SQL 지원을 제공합니다. 이는 데이터 관리 및 복잡한 쿼리 작업에서 유리합니다.

SQL(Structured Query Language)은 데이터베이스에서 데이터를 관리하기 위한 프로그래밍 언어입니다. “풀 SQL 지원”은 모든 표준 SQL 기능을 사용할 수 있다는 의미입니다.
Supabase와의 연관성: Supabase는 PostgreSQL을 기반으로 하며, 이는 강력한 SQL 지원을 의미합니다. 따라서, 사용자는 복잡한 쿼리, 조인, 트랜잭션, 인덱싱 등 PostgreSQL의 모든 기능을 사용할 수 있습니다.
Supabase의 장점으로 데이터 관리의 유연성과 강력한 기능, 복잡한 데이터 조작 및 분석 가능성 등이 있습니다.

비용 효율성

비용 구조가 다르며, 특히 초기 단계의 프로젝트나 예산이 제한적인 경우 Supabase가 더 경제적일 수 있습니다.
Supabase는 비용 효율적인 백엔드 솔루션으로 간주됩니다. 오픈 소스라는 점과 간단한 가격 정책 덕분에, 특히 스타트업이나 예산이 제한된 프로젝트에 적합합니다.
장점: 초기 비용 절감, 사용량에 따른 유연한 비용 조정, 예산 관리의 용이성 등이 있습니다.

자체 호스팅

자체 호스팅(Self-hosting)이란, 사용자가 본인의 서버나 클라우드 인프라에 소프트웨어를 직접 설치하고 운영하는 것을 의미합니다. 이는 SaaS(소프트웨어-as-a-Service) 모델과 대비되며, 사용자가 소프트웨어의 전체 인프라와 운영을 관리합니다.

Firebase와의 차이점

Firebase는 Google이 제공하는 플랫폼으로, NoSQL 데이터베이스와 다른 서비스를 제공합니다. 반면 Supabase는 SQL 기반 데이터베이스를 선호하는 사용자에게 더 적합할 수 있습니다.

커뮤니티와 개발자 친화적: 오픈 소스 커뮤니티는 사용자의 의견을 적극적으로 수용하고, 개발자 친화적인 도구와 문서를 제공합니다.

데이터베이스 타입

Firebase: Firebase는 주로 NoSQL 데이터베이스인 Firestore를 제공합니다. Firestore는 JSON과 유사한 형식으로 데이터를 저장하며, 실시간 데이터 동기화와 확장성에 최적화되어 있습니다.
Supabase: Supabase는 PostgreSQL을 사용하는 SQL 데이터베이스를 제공합니다. SQL 데이터베이스는 관계형 데이터 모델에 적합하며, 복잡한 쿼리와 조인을 지원하여 더 전통적인 데이터베이스 경험을 제공합니다.

기능적 차이

Firebase: Firebase는 실시간 데이터베이스, 인증, 파일 스토리지, 클라우드 함수, 호스팅 등 다양한 기능을 제공합니다. 이는 Google의 클라우드 인프라를 기반으로 합니다.
Supabase: Supabase는 실시간 데이터베이스, 인증, 파일 스토리지, RESTful 및 GraphQL API를 제공합니다. 오픈 소스 프로젝트이기 때문에, 사용자가 필요에 따라 기능을 확장하거나 수정할 수 있습니다.

커뮤니티와 개발자 친화적

Supabase는 오픈 소스 커뮤니티 기반의 플랫폼으로, 개발자 친화적인 특성을 가지고 있습니다:

오픈 소스 커뮤니티: 오픈 소스 프로젝트인 만큼, Supabase는 전 세계 개발자들의 기여를 받고 있습니다. 이는 플랫폼의 지속적인 개선, 새로운 기능의 추가, 버그 수정 등에 기여합니다.

사용자의 의견 수용: Supabase는 사용자의 피드백과 요구사항을 적극적으로 수용합니다. 이는 플랫폼의 개선과 사용자 경험 향상에 도움이 됩니다.

개발자 친화적 도구와 문서: Supabase는 깔끔하고 이해하기 쉬운 문서를 제공합니다. 또한, SDK 및 API가 개발자 친화적으로 설계되어 있어, 통합과 사용이 쉽습니다.

커뮤니티 지원: 문제 해결, 기능 요청, 사용 사례 공유 등을 위한 활발한 커뮤니티가 있습니다. 이는 개발자가 정보를 공유하고 서로 도움을 주고받을 수 있는 환경을 조성합니다.

샘플 예제

이 예제는 사용자를 등록하고, 로그인하며, 데이터를 조회하고 추가하는 기본적인 기능들을 다룹니다.

flutter에 supabase 연결

먼저, Supabase 클라이언트를 초기화하는 코드입니다. 이를 위해 프로젝트의 pubspec.yaml 파일에 supabase_flutter 라이브러리를 추가해야 합니다.

dependencies:
  flutter:
    sdk: flutter
  supabase_flutter: ^0.2.8

다음은 Supabase 클라이언트를 초기화하는 과정입니다. 여기서는 supabaseUrl과 supabaseAnnonKey를 사용자의 Supabase 프로젝트 설정에서 얻어야 합니다.

import 'package:supabase_flutter/supabase_flutter.dart';

void main() {
  WidgetsFlutterBinding.ensureInitialized();
  Supabase.initialize(
    url: 'your-supabase-url', 
    anonKey: 'your-supabase-anon-key'
  );
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Supabase Demo',
      home: MyHomePage(),
    );
  }
}

사용자 등록 및 로그인 기능 추가

사용자 등록 및 로그인 기능을 추가하기 위한 간단한 예제입니다.

Future<void> signUp(String email, String password) async {
  final response = await Supabase.instance.client.auth.signUp(email, password);
  if (response.error != null) {
    print('Error during sign up: ${response.error.message}');
  } else {
    print('Sign up successful, user: ${response.user}');
  }
}

Future<void> signIn(String email, String password) async {
  final response = await Supabase.instance.client.auth.signIn(email: email, password: password);
  if (response.error != null) {
    print('Error during sign in: ${response.error.message}');
  } else {
    print('Sign in successful, user: ${response.user}');
  }
}

데이터 조회 및 추가

마지막으로 데이터를 조회하고 추가하는 예제입니다.

// 데이터 조회
Future<void> fetchData() async {
  final response = await Supabase.instance.client
      .from('your-table-name')
      .select()
      .execute();

  if (response.error != null) {
    print('Error during data fetching: ${response.error.message}');
  } else {
    print('Data: ${response.data}');
  }
}

// 데이터 추가
Future<void> addData(Map<String, dynamic> data) async {
  final response = await Supabase.instance.client
      .from('your-table-name')
      .insert(data)
      .execute();

  if (response.error != null) {
    print('Error during data adding: ${response.error.message}');
  } else {
    print('Data added successfully');
  }
}

Supabase의 이러한 특징들은 개발자들에게 유연성, 강력한 데이터 관리 기능, 그리고 경제적인 솔루션을 제공하여, 다양한 규모와 종류의 프로젝트에 적합한 백엔드 플랫폼을 만듭니다.