일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
- CSS
- web
- 리액트
- git
- 코딩독학
- 슬라이드전환
- PROJECT
- 웹퍼블리셔
- 정보처리기사
- JavaScript
- 비전공자
- HTML
- 코드공유
- 깃
- 실기
- 생활코딩
- 세로메뉴바
- 웹디자인기능사
- 프론트엔드
- jQuery
- 렛츠기릿자바스크립트
- JS
- 타입스크립트
- 자바스크립트
- Supabase
- react
- 웹디실기
- 연산자
- 웹디자인기능사실기
- github
- Today
- Total
목록Serverless/Supabase (5)
코딩하는라민
[Supabase] 사용자의 계정 소유 확인 및 로그인 성공 여부 파악은 어떻게 이루어지는가? 개인 프로젝트에서 Supabase 를 이용해 로그인/회원가입 기능을 구현했었다. 이와 관련된 질문을 받았을 때"Supabase 에서는 로그인 시 사용자가 해당 계정의 주인임을 어떻게 확인하며, 로그인이 성공했음을 어떻게 확인하는 가"라는 질문을 받았다. 당시에는 이 부분에 대해 잘 모르겠다고 대답했지만, 다시 생각해보니 내가 전혀 모르는 부분이 아니었다. 🥲그때 당시 소유 확인은 모른다고 대답했고 로그인 성공 시에 Supabase 에서 반환하는 값들에서 uuid 를 통해 사용자를 구분하여 사용한다고 대답했었다. 질문자의 의도를 파악하지 못한 대답이었던 것이다. 그래서 본 포스팅에서는 Supabase의 Auth..
[React, Supabase] 사용자별 데이터 접근 및 제어하기 (RLS Policy) 가계부 캘린더를 예를 들어보자.사용자는 캘린더에 가계부 내역을 등록하고, 본인의 내역만 조회, 수정, 삭제가 가능해야 한다. 서비스에 여러 사용자가 있다면 각 사용자가 동시에 Ledger 테이블에 접근하게 된다. 이 경우 게시판과 같이 공개된 데이터가 아닌 이상 자신의 데이터만 접근할 수 있어야 한다.이를 위해 Supabase 에서 RLS 정책을 지원한다. RLS(Row-Level Security) 정책이란?`RLS` 는 데이터베이스의 보안 기능 중의 하나이다.각 사용자가 자신의 데이터(row)만 접근할 수 있도록 제한하는 정책이다.예를 들면, user1 이라는 사용자는 user_name 의 user1 데이터 행..
[React, Supabase] 이메일 회원가입 및 로그인 기능 구현 & 트리거 설정 Supabase 로 회원가입을 진행하면 회원가입을 한 유저의 정보는 기본적으로 Authentication 탭의 `Users` 테이블에 저장된다. Users 테이블에는 이메일과 패스워드, 사용자의 UUID 등이 저장되는데 우리는 이 외에도 회원 정보를 추가적으로 저장하고 관리해줘야 할 것이다. 예를 들면 이름, 닉네임, 프로필 이미지, 주소 등이 있을 것이다. 그러기 위해서는 별도로 테이블을 추가해줘야 한다. 또한, Users 테이블의 UUID 를 userinfo 테이블의 id 로 가져와야한다. 즉, 테이블과 테이블 사이에 `관계`를 만들어줘야 한다.그래야 추가적인 유저 정보를 회원가입과 동시에 추가해줄 수 있기 때문이..
[Supabase] JWTs(JSON Web Tokens) 공식문서 읽기 `JSON Web Tokens` 은 string 으로 표현되는 데이터 구조의 한 종류이다.보통 사용자에 대한 아이덴티티, 권한 정보를 포함한다.JWT 는 라이프타임에 대한 정보를 인코딩하고, 암호화된 키로 서명하여 변조에 강하게 만든다. Supabase 의 액세스 토큰은 JWTs 이다. `JWT`는 서비스로 모든 요청과 함께 전송되는데, 토큰을 확인하고 포함된 요청을 검사함으로써 리소스에 대한 액세스를 허용하거나 거부할 수 있다.RLS(Row Level Security) 정책은 JWTs 의 정보를 기반한다. JWT 인코딩 및 서명 JWT 는 아래와 같이 인코딩된다.{ "sub": "0002", "name": "Věra Hrab..
[Supabase] Supabase 로 백엔드 없이 Database 구축하기(기본 사용법) 프론트는 토이프로젝트 시 공공 데이터를 이용하지 않는 이상 CRUD 를 경험해보기 쉽지 않다. `Firebase` 라는 좋은 서버리스 툴이 있지만, `noSQL` 이기 때문에 정말 간단한 CRUD 기능만 구현이 가능해 다양한 기능을 구현하는 것이 불가능해서 불편한 경험이 있다. `Supabase` 에서는 `Postgre SQL` 을 지원한다. 따라서 이 Supabase 를 이용하면 백엔드 개발자 없이도 쉽게 데이터베이스를 구축할 수 있는 것이다! Supabase 란? Supabase 는 Postgre SQL 데이터베이스 기반으로 하는 오픈 소스 백엔드 서비스이다. 이 서비스를 이용하면 백엔드 없이도 쉽고 빠르게 데..