supabase Generating TypeScript Types / 메모 / 불안정

이건개발·2024년 7월 31일
1

typescript 에 자동완성 기능 때문에 써보려고 하는데 오류가 있어서 그런지
제대로 types 를 생성하지 못하는군요 지켜봐야겠습니다.

supabase 문서
https://supabase.com/docs/reference/javascript/typescript-support

Generating TypeScript Types
이부분에 대한 메모입니다.

삽질을 해본결과 여러가지 방법이 있는데 그중에
--project-id 옵션을 활용한 방법입니다.

supabase cli 를 설치합니다.
npx 는 설치가 필요 없는데 사용 과정중에 필요한거 같군요

npm install supabase --save-dev

로그인을 합니다.

npx supabase login

기다리지 마시고 enter 를 한번 치면 접속 링크가 나옵니다.
해당 url 을 이용해서 접속하고 supabase 에 로그인합니다.
firebase 비슷하네요

db 타입 생성 명령어를 실행합니다.
문서에는 > database.types.ts 를 붙여서 바로 파일로 뽑으라는데
에러도 날 수 있어서 빼고 실행해봅니다.

npx supabase gen types typescript --project-id [프로젝트REF값] 

[프로젝트REF값]
이부분은 본인 계정에서 가져오셔야합니다.

  1. supabase 웹페이에가서 dashboard 로 갑니다.
  2. 프로젝트를 선택하시고
  3. 좌측 메뉴 제일 아래에 Project Settings 라고 있습니다. 들어갑니다.
  4. Reference ID 값이 뜨는데 그걸 넣으시면 됩니다.

명령이 성공하면 database.types.ts 파일이 생겨납니다.

export type Json =
  | string
  | number
  | boolean
  | null
  | { [key: string]: Json | undefined }
  | Json[]

export type Database = {
  public: {
    Tables: {
      t_abc: {
        Row: {
          a: number | null
          b: string | null
        }
        Insert: {
          a?: number | null
          b?: string | null
        }
        Update: {
          a?: number | null
          b?: string | null
        }
        Relationships: []
      }
    }
    Views: {
      [_ in never]: never
    }
    Functions: {
      [_ in never]: never
    }
    Enums: {
      [_ in never]: never
    }
    CompositeTypes: {
      [_ in never]: never
    }
  }
}

:

(아래에 에러나네뇽)

supabase 개발툴 없으면 설치하라고 물어보네요 (Y/n) 나오니 y 를 입력해서 설치해주세요

저는 뒷부분은 에러가 나네요 고쳐봐야겠습니다.

profile
게임 개발 / 웹 개발 / 주식 투자 / 은퇴자 / 클라우드타입 / 파이어베이스 / 수퍼베이스 / 유니티

0개의 댓글