supabase2 supabase 테이블 조인하여 조회 / 삭제 오늘은 즐겨 찾는 화장실 페이지 작업을 진행했다. 마음에 드는 화장실을 북마크 해둔 것을 볼 수 있는 화면인데, 그러기 위해서는 두 가지의 테이블이 필요했다. 화장실 정보를 가지고 있는 toilet_location 테이블과 유저 별 북마크 정보를 가지고 있는 bookmark 테이블이다. 두 테이블의 정보는 아래와 같다. bookmark 컬럼명 타입 설명 bookmark_id int [pk] 북마크 아이디 toilet_id int [fk] 화장실 아이디 user_id varchar 유저 아이디 toilet_location 컬럼명 타입 설명 toilet_id int [pk] 화장실 아이디 toilet_name varchar 화장실 이름 toilet_address varchar 화장실 주소 toilet_ope.. 2024. 3. 21. supabase database 정책 설정 이번 팀프로젝트에서 우리 팀은 supabase를 사용하기로 했다. 테스트를 위해 아래와 같이 설정 후 코드를 작성하였다. supabase url 과 key는 settings -> API에서 가져와서 env 파일에 넣었다. import React, { useEffect, useState } from 'react'; import { createClient } from '@supabase/supabase-js'; function Search() { const [data, setData] = useState(); const supabase = createClient(process.env.REACT_APP_SUPABASE_URL, process.env.REACT_APP_SUPABASE_KEY); useEffect.. 2024. 2. 23. 이전 1 다음