본문 바로가기

Programing/Server21

supabase 유저 이메일 말고 유저 아이디가 일치하면 업데이트 가능하도록 정책 설정하기 SQL 구문 수정auth테이블에 있는 것이 uuid이고, user_id는 외래키로 묶어 놓은 데이터 테이블의 컬럼명임.create policy "Enable update for users based on uuid"on "public"."hearts"as PERMISSIVEfor UPDATEto publicusing ( (( SELECT auth.uid() AS uid) = user_id))with check ( (( SELECT auth.uid() AS uid) = user_id)); Programing/Server 2024. 6. 19.
Supabase 로그인 기능 구현하기 주의본 포스트에 소개된 내용 중 마지막 부분에 해당하는 조건부 렌더링은 리액트의 특성 상 제대로 작동하지 않는다.Next.js 등을 이용하여 서버 사이드 렌더링을 하지 않는 이상 서버와 통신하여 인증 상태를 받아 오는 방식으로 조건부 렌더링을 하는 것은 리액트의 특성 상 불가능에 가까운 영역이므로 글쓴이와 같이 이틀 간 안 되는 것으로 씨름하다 탈모를 촉진시키지 마시고, 학습용으로 참고만 하길 바란다. 간단한 상황에서 리액트만으로 해결한 방법이 있는데 이는 별도로 React 카테고리에서 별도로 포스팅 하였다.상황이메일 가입 회원회원가입이 되어 authentication 테이블에 유저 정보가 있는 경우를 가정로그인 함수supabase에서는 내장 메서드를 제공한다.이 내장 메서드를 사용하면 로그인과 동시에 .. Programing/Server 2024. 6. 18.
Supabase 회원가입 기능 구현하기 사전 셋업- 환경변수 처리- supabase 변수 만들어서 export- 이메일 인증 풀기이메일 회원가입 함수수파베이스에서 제공하는 코드는 아래와 같다.const { data, error } = await supabase.auth.signInWithPassword({ email: 'example@email.com', password: 'example-password',})이를 그대로 사용하는 것이 아니고, useEffect훅을 사용해서 비동기 함수로 컴포넌트가 마운트 됐을 때 로그인 함수를 실행하도록 해주면 된다.import React, { useEffect } from 'react';import supabase from '../api/supabaseClient';const SignUp = () =>.. Programing/Server 2024. 6. 18.
Supabase Quick Start Supabase란?Backend-as-a-Service(BaaS) 서비스.대표적으로 AWS Amplify, Firebase, Supabase가 있다.관계형 데이터베이스를 지원하는 것이 특징이다.무료 요금제 사용량무제한 API dycjd월 50,000명의 활성 사용자500mb 데이터베이스 저장 공간, 2 Core CPU, RAM 1GB1gb의 파일 스토리지(파일 저장 공간)월 제공 대역폭 5GB사용 방법회원가입https://supabase.com/dashboard/sign-in?returnTo=/projects SupabaseBy continuing, you agree to Supabase's Terms of Service and Privacy Policy, and to receive periodic em.. Programing/Server 2024. 6. 17.
Glitch를 이용해서 json-server 생성하기 Glitch란?Glitch 소개글리치란 개발자들이 웹 앱을 쉽게 만들고 호스팅 할 수 있도록 도와주는 서비스이다. 특히 빠르게 프로토타입을 만들고 실험해볼 수 있는 환경을 제공해준다는 장점이 있다. 단순히 json 형식을 반환하는 데이터를 json-server로 가동 중이었다면 이것을 무료 요금제로도 서버를 대신 호스팅해준다. 작업 소요시간은 10분 내외로 간단하다. 이 방법에서는 깃허브 계정이 필요하다. Glitch 요금제무료 (스타터)프로젝트와 코드는 기본 제공5분 후 절전모드 전환되는 풀스택 앱 제공24시간 작동되는 무제한의 정적 사이트 제공GitHub import 및 export, Prettier 지원월 8달러 (프로) (연 결제 옵션 있음)비공개 프로젝트로 더 많은 제어 권한 부여더 빠른 부스트.. Programing/Server 2024. 6. 14.

티스토리툴바