오늘할일
알게 된것
- 에러페이지를 만들고 404페이지와 다르게 계획을 추가하거나 완료할페이지에서
오류가나면 에러페이지로 이동하게 구현을 할려고했다
그래서 필요한 페이지에 isError가 나면 Error컴포넌트로 이동할수있게
하였는데 거기서 에러가 발생했다.
그이유는 API에서 데이터를 return 해주어야되는데
react-query에서 오류가 발생하면 자체적으로 3번정도는 계속 요청을 했지만 데이터가
return에 들어오지 못하고 null이 발생하게 되면서 오류가 났는데
그래서 console.log(error)로 에러 처리를 해주던부분을
``
if (error != null) {
throw new Error('계획 불러오던 중 오류가 발생했습니다.');
}
return data;
}
``
throw new Error로 에러라고 알려주면 그걸 리엑트 쿼리가 잡아주는데
Supabase는 JavaScript 클라이언트 라이브러리는 Promise 기반으로 작동하는데
오류가 발생하면 해당 Promise가 reject가 되는데 then , catch 로 성공 실패로 나누던가 위에처럼 오류를 캐치를 해주어야 됬었다.
느낀점
- 오늘도 최종프로젝트 오류 수정과 불필요한 png파일과 svg파일 변형 그리고 불필요한 파일도 삭제를 하고 반응형을 들어가기 위해서 tailwind반응형에 대해서 공부를 하였다.
이번주까지 반응형을 다 완성해야되기에 오늘 공부를 마치고 주말에 시작을 해야겠다고 생각을 했고 이번주 까지 목표한바를 다할수있었으면 좋겠다는 생각을 했습니다.