Home Supabase
Post
Cancel

Supabase

내일배움캠프 LGLG!

주특기 플러스 주차 - Team Project

Supabase

  • 쉽고 빠른 모바일/웹 개발을 위한 백엔드 서비스
  • 데이터 베이스와 API를 구축하는데 필요한 복잡한 설정과 관리를 최소화 할 수 있음
  • PostgreSQL을 기반으로 하며, SQL 쿼리 및 다양한 데이터 베이스 작업 수행 가능
  • 인증, 보안, 실시간 업데이트 및 스케일링과 같은 백엔드 기능 제공
  • 별도의 서버를 구축하지 않고 클라이언트 앱 개발 가능
  • 클라우드 서비스를 제공하여 서버를 호스팅하고 관리할 수 있음

Supabase가 제공하는 것

  • 데이터 베이스
  • 인증
  • 파일 스토리지
  • 자동 생성 API

Supabase 사용 방법

  • “New Project” 클릭
  • “Organization” 선택
  • 이름, DB 비밀번호 입력 후 “Create new project” 클릭
  • “Project API keys → service_role”과 “Configuration → URL” 복사
  • VS code “.env.local” 파일 생성 후 환경 변수 저장
    1
    2
    
    NEXT_PUBLIC_SUPABASE_URL=your-value-here
    NEXT_PUBLIC_SERVICE_KEY=your-value-here
    
  • Supabase 클라이언트 설치
    1
    
    yarn add @supabase/supabase-js
    
  • 새로운 클라이언트를 생성하여, 환경변수를 통해 Supabase에 연결
1
2
3
4
5
6
7
import { createClient } from '@supabase/supabase-js';

// Supabase client
const supabaseAdmin = createClient(
  process.env.NEXT_PUBLIC_SUPABASE_URL,
  process.env.NEXT_PUBLIC_SERVICE_KEY,
);
This post is licensed under CC BY 4.0 by the author.

Math.round()

React-Query 기본 사용법