8월 9일 TIL supabase사용

supabase: https://supabase.com/

Supabase | The Open Source Firebase Alternative

supabase는 sql과 비슷한 postgresql을 사용한다.

sql과 거의 동일한 문법, 더 뛰어난 기능을 제공한다.

 

차이점으로는 JSON타입을 지원해 JSON을 넣을수 있다는것이다.

기존처럼 Stringfy해서 넣고 다시 가져올때 Parse할 필요가 없는것이다.

 

필자는 리액트프로젝트에서 써보았다.

기본적인 셋업과, 어떤 파일을 작성해야되는지 써보겠다.

 

1.회원가입하기

 

2.db config파일 만들기

import { createClient } from "@supabase/supabase-js";
const supabase = createClient(supabaseUrl, supabaseKey);

export default supabase;

 supabaseUrl과 supabaseKey는 홈페이지의 프로젝트대쉬보드에서 설정쪽으로가면 볼수있다.

꼭 .env파일로 저장하자.

 

3.사용하기

import supabase from "../config/supabaseClient";

export const getMyTasks = async (
  myId: string,
  date: string
): Promise<Tasks[] | null> => {
  const { data: tasks } = await supabase
    .from("tasks")
    .select("*")
    .eq("user_id", myId)
    .eq("date", date);
  return tasks;
};

//쿼리로 쓰면 SELECT * FROM tasks WHERE user_id="myId" AND date="date";