100324 til

supabase 

 

BaaS 

클라우드 기반의 백앤드 서비스 

 

예) firebase , parse, aws amplify 

 

baas 쓰면 좋은점 

개발속도 향상 . 백엔드를 직접 만들 필요가 없다 

유지보수 에 좋다 

 

단점. 

비용 예측 어려움

플랫폰 의존성

 

supabase 

실시간 데이터 변경 감지 하고 반응 

 

데이터베이스 업데이트가 필요할때마다 자동으로 반응 하여 변경사항을 보여줌 

 

설치 방법 yarn add @supabase/supabase-js
# 또는 npm install @supabase/supabase-js

 

 

 

api 키가 필요 

import { createClient } from "@supabase/supabase-js";

// 1) project url
const SUPABASE_PROJECT_URL = "YOUR_SUPABASE_URL";

// 2) anon key
const SUPABASE_ANON_KEY = "YOUT_SUPABASE_KEY";

const supabase = createClient(SUPABASE_PROJECT_URL, SUPABASE_ANON_KEY);
export default supabase;

 

 

 

 

인증  authorization

증명 하다 

ex) 로그인 ,회원가입 처리 

 

인가  authentication

허가하다 

사용자의 로그인 로그아웃 회원가입 

이메일 비밀번호 로 로고인가능 

소셜로그인 , 구글 , 깃허브 , 메타 , 카톡 기타등등 

 

 

 

리덕스가 필요한 이유 

useState 의 불편함 

 

리덕스에서는 state 를 공유 할떄 부-모 관계가 아니어도 된다 

 

local state 지역상태

컴포넌트에서 useState를 이용해서 생성한 state . 좁은 범위 안에서 생성된 state 

 

 

global state 전역상태

컴포넌트에서 생성되지 않는다 . 

중앙state 관리소 라고 생각하면된다 . 

 

 

리덕스 설치 

yarn add redux react-redux

# 아래와 같은 의미
yarn add redux
yarn add react-redux