HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
육개짱 프론트엔드
육개짱 프론트엔드
/
🧻
휴지통
/
🙆🏻‍♂️
에러 처리 및 에러 상황
🙆🏻‍♂️

에러 처리 및 에러 상황

에러 상황

  1. get 실패
    1. 새로고침 하거나 잠시 후 다시 접속해 주기 바람 문구랑 새로고침 버튼 표시
  1. 각종 http 요청이 실패한 경우(post, put ,delete)
    1. 페이지를 유지하면서 다시 시도해달라고 toast ui 표시
  1. 500번대 서버 에러
    1. 예상치 못한 에러라는 것을 알려주고 잠시 후 다시 시도해 달라는 문구와 새로고침 버튼 표시
  1. 권한 에러(401)
    1. 접근 권한이 없다고 알리고 로그인 유도(모달이 좋아보임)
  1. 없는 페이지
    1. 404 페이지

에러 처리

TKDodo 형님이 제안한 방법 3가지
  1. useQuery에서 반환한 error 객체 이용
  1. onError 콜백(query에서 선언하거나 global QueryCache / MutaitonCache)
  1. Error Boundaries 사용