TIL : 내가 오늘 이것을 이루었구나!!!!

 supabase 데이터베이스로부터 데이터 받아오기 

  

시도해본것 1 . supabase에 있던 대로 따라해보기 

참고   NEXT_PUBLIC_SUPABASE_URL , NEXT_PUBLIC_SUPABASE_ANON_KEY  가 이거였습니다.

 

로 했더니   data : []  , error : null 이 뜹니다.  그래서 

 

 

각가지 생각을 해본게

 

   -  네가 테이블 명을  잘못 작성했나?  => NO

   -  DB의  테이블에  데이터가 존재하는가 => NO

   -  나의  .env가 잘못되었나 => NO

   

그래서   생각한게  분노의  구글링이였습니다. 그러다가 저람 동일하게 에러를  발견하신 분의 블로그를  발견했습니다.

 

https://velog.io/@dram26/ComAround-Supabase-%EC%97%B0%EA%B2%B0-data-null-%ED%95%B4%EA%B2%B0

ComAround_ Supabase 연결 / data null > 해결

그래서  일단은 수파베이스 key를  시크릿으로 바꾸었습니다.

로 하고  .env 는  수정하면  다시 적용해야 되니까  npm run dev로 개발 서버 재시작합시다. 그랬더니.....

 

 

마치  골 넣은 선수처럼 포효했었습니다.!!!! 

 

코드는 다음과 같습니다.

// supabase 테이블로부터 데이터 받아오는 소스 코드


// 왜 이렇게 받아왔나.

수파베이스도 서버리스라 하지만 엄연한 서버아닙니까
그래서  async ,await를 이용해서 받아왔습니다.


export default async function BasicMap() {


  // supabase에  toilet_location에 문을 똑똑 두들깁시다.
  // 전체 데이터가 문을 열고 나옵니다.
  // 이것을 저장공간인 상수  toiletLocation 에 담읍시다.
  const { data: toiletLocation, error } = await supabase.from('toilet_location').select('*');