본문 바로가기

Programing/Server21

supabase DB Tables postgreSQL로 한 번에 생성하기 -- tripbookmarks 테이블 생성 및 기본 키 설정create table "tripbookmarks" ( "bookmark_id" uuid not null unique, "bookmark_created_at" timestamp with time zone not null, "bookmark_trip_id" uuid not null, "bookmark_buddy_id" uuid not null );alter table "tripbookmarks"add primary key ("bookmark_id");-- payments 테이블 생성 및 기본 키 설정create table "payments" ( "payment_id" uuid not null unique, "p.. Programing/Server 2024. 7. 21.
Supabase 타입 추론 스크립트 추가하기 상황무엇이 되었든 타입스크립트로 데이터를 받아 오려면 응답값의 타입을 지정해주어야 한다.그런데, 관계형 데이터베이스를 사용하는 수파베이스의 특성 상 아무리 작은 프로젝트여도 데이터베이스와 컬럼의 개수가 상당히 많아질 테고 중간 중간 데이터베이스나 컬럼이 수정되는 소요가 있을 텐데 그 때마다 타입을 지정해주어야 한다는 것은 정말 끔찍한 일이다.정말 간단한 토이 프로젝트에서도 이런 타입이 400 라인 가깝게 필요하다. 그러나 다행인 것은 supabase에서는 타입을 자동으로 추론해주는 메서드를 제공한다.공식문서 원문https://supabase.com/docs/guides/api/rest/generating-types Generating TypeScript Types | Supabase DocsHow to .. Programing/Server 2024. 7. 9.
Supabase SQL 쿼리로 민감한 데이터 한방에 별표 처리하기 상황supabase에 민감한 자료가 있다.그런데 이것을 API 호출로 받아와서 렌더링 해야 하는데 부담스러운 상황이다.일단 데이터를 받아오고 프론트엔드에서 코드로 텍스트를 변환하는 방법도 있겠지만, CSR을 하지 않는 이상 네트워크 탭에서 응답값을 전부 볼 수 있기 때문에 SSR에서는 해결책이 아니다.처음부터 별표처리된 데이터를 받아오는 것이 가장 안전하겠다.그런데 원본 데이터를 훼손시킬 순 없으니 별표 처리 된 데이터 컬럼을 만들어서 그것을 가져오려고 한다.방법UPDATE bankstatementSET securedname = CONCAT( LEFT(name, 2), REPEAT('*', GREATEST(LENGTH(name) - 2, 0)));bankstatement : 데이터 베이스 테이블 이름.. Programing/Server 2024. 6. 29.
supabase jsonb 컬럼 타입 지정 방법 export interface Expense { details: {content: string[]};} 아래와 같은 데이터 형식을 지정할 때 쓴다.{ "content": [ "계좌개설 후 계좌관리자 토스머니 자동으로 이동된 건", "", "" ]} Programing/Server 2024. 6. 29.
vercel :: 리액트 프로젝트 404 배포 오류 해결 방법 메인 도메인에서는 잘 작동하나, 라우트 페이지에서 리프레쉬 되거나 새로고침을 누르면 404 에러가 뜬다.Next.js 프로젝트에서는 이런 문제가 없으나 React.js에서는 이런 문제가 발생한다. 해결방법루트 폴더에 vercel.json 폴더 생성아래 코드 복붙{ "routes": [{ "handle": "filesystem" }, { "src": "/.*", "dest": "/index.html" }]} Programing/Server 2024. 6. 29.

티스토리툴바