react-query1

• 

  error boundary로 행복하게 에러처리하기 (react-query) UI의 한 부분에서의 자바스크립트 에러가 전체 앱을 망가뜨려서는 안된다. 에러 처리를 어떻게 공통화해야 할 지 골머리를 앓았다.하염없이 try catch만을 붙이는건 정말 비생산적인 일임을 깨닫고 error boundary를 본격적으로 도입했다. 익숙하게 사용하던 axios와 react query를 계속 사용하는 것을 전제로 error 처리를 했다. 1. axios interceptor에서는 별다른 에러 처리를 하지 않는다. 2. 전역으로 사용할 Errorboundary를 설정한다. class ErrorBoundary extends React.Component { constructor(props) { super(props); this.state = { hasError: false, error.. Web/React 2024. 11. 5.