[supabase/TypeScript] 간단하게 database 타입 추론하기

supabase CLI를 이용해 간단하게 데이터베이스의 전체 타입을 생성해서 사용할 수 있다!https://supabase.com/docs/guides/local-development Local Development & CLI | Supabase DocsLearn how to develop locally and use the Supabase CLIsupabase.com 설치 및 세팅기본적으로 supabase를 js에서 사용하기 위한 세팅은 되어있다고 가정! npm install supabase --save-dev package.json에서 gen 명령어 지정해두기"gen": "supabase gen types --lang=typescript --project-id \"{supabase에서 project ..

• format_list_bulleted supabase
• · 2024. 10. 15.
• textsms

[supabase] 세팅하기

설치yarn add @supabase/ssr @supabase/supabse-js  환경변수 설정.env.local 파일에 supabase 프로젝트 url과 api key를 추가해준다  설정파일 추가utils/supabase/client.tsimport { createBrowserClient } from "@supabase/ssr";export const createClient = () => createBrowserClient( process.env.NEXT_PUBLIC_SUPABASE_URL!, process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY! );const browserClient = createClient();export default browserClien..

• format_list_bulleted supabase
• · 2024. 10. 8.
• textsms

[Supabase] supabase.store insert 오류 해결

정말.. 오랜시간 헤맸다 🥹supabase를 이용해 게시글 작성 기능을 만들고, 이미지 첨부 기능을 만드는 중에 계속 아래와같은 오류가 발생했다 오류 1Invalid Key: public/[objec File]공식문서를 보니 기능을 사용하는데 필요한 인자가 아니라 다른 인자를 넘겼는지 확인해보라는 내용이 있었다supabase storage 오류 문서 처음에는 [object File] 이 아닌 다른 타입의 인자가 필요한 건지 헤맸는데.. 생각보다 너무 간단한 문제였다supabase store에서 저장될 File path를 넘겨줘야하는데 (ex. public/파일명 이라고 넘겨주면 지정한 bucket > public 폴더에 지정한 파일명으로 저장됨) 파일 경로에 들어갈 수 없는 문자가 포함돼있어서 문제가 ..

• format_list_bulleted supabase
• · 2024. 8. 30.
• textsms