[Next.js + Supabase 연동] 데이터 가져오기 에러 - 빈 데이터

 

➜ 현재 상태 

✅ Next.js + vercel 배포 + supabase db 연결

✅ 테이블 생성, 데이터 삽입 완료

 

이후 특정 데이터를 가져오는 과정에서 계속 빈 데이터를 가져오는 에러가 발생했다.

코드 상 문제인 줄 알고 오랫동안 삽질했는데 다른 곳에 해결 방법이 있었다..🙄

 

---

처음 시도 때 [] 이렇게 빈 배열이 출력되었다.

연동 코드에 문제가 있는 건지, 키 값을 잘못 적었는지 하나씩 살펴보고

위 방식 외에 다른 방식으로 한 블로그 글들을 보면서 다 따라 해봤다..🫠

 

그러다 supabase Reports에서 api 요청이 계속 제대로 들어왔던걸 확인했고, db 설정을 다시 보았다.

바로 여기에서 db 접근 제어 기능인 RLS(Row Level Security) 설정으로 인해 나타난 문제였다!!

 

RLS(Row Level Security)란?

 

데이터베이스 접근 제어 기능으로, 유저별로 특정 행(row)만 조회, 수정, 삭제 가능하게 만드는 기능
즉, 유저가 자기 데이터만 보거나 수정할 수 있도록 제한하는 기능

 

supabase RLS 설정

 

Authentication > CONFIGURATION > Policies 에서

모든 유저(public)가 regions 테이블의 데이터를 조회할 수 있도록 설정해 준다.

 

➭ 로그인한 유저만 조회 가능 - to authenticated 

이외에도 로그인한 유저가 자신의 데이터만 조회, 최근 24시간 이내에 생성된 데이터만 조회 등을 설정할 수 있다.

 

 

 

---

참고

[NEXT][SUPABASE] 수파베이스를 이용해서 RESTful API 만들고 사용하기