오류 처리는 각 로직별로 하는 것이 좋나요 아니면 최상단 로직에 던져주고 거기서 하는 것이 더 좋나요?

요약

에러를 어떻게 관리할 것인가로 접근하면 좋습니다.

확인

레이블

4주차

백엔드 서버

사용자 권한 검사

권한이 없네?

에러 발생

미들웨어

에러가 있네?
에러 응답 만들어주기

프론트엔드에서는?

상태관리 레이어
컴포넌트 레이어
서비스 레이어

Redux

서비스(API) !!에러!! ⇒ 컴포넌트 !!에러!! ⇒ 상태관리

throw ⇒ 어디서 잡을 것인가? ⇒ 컴포넌트에서 잡는 경우가 많다. 혹은 컴포넌트한테 어떤 방식으로든 error를 전달 한다

react ⇒ 커스텀 훅으로 분리. 훅에서 에러가 발생 하면, error에 대한 결과를 컴포넌트한테 전달


function UserContainer() {
  const { userData, error } = useUser();
  return (
     {error ? '오류 났어요. 다시 시도해주세요' : <UserDetail {...userData} />}
  )
}

!!에러를 처리하는 컴포넌트!!

Vuex

서비스 ⇒ 상태관리 ⇒ 컴포넌트

!!에러!!