방 리스트를 가져오는 api를 요청했을때 실패하는 경우 프론트에서는 어떠한 작업을 해줘야 할까요?

[yoonhe]

export function loadRooms() {
  return async (dispatch) => {
    try {
      const rooms = await getRooms();
      dispatch(setRooms(rooms));
    } catch (error) {
      alert(error);
    }
  };
}

위의 코드에서 getRooms는 데이터베이스에 존재하는 방 리스트를 불러오는 api를 호출하는 함수입니다 만약 api 호출이 실패하였을 경우 프론트에서는 어떠한 작업을 해줘야할까요?

방 리스트를 불러오는데 실패하였으니 새로고침 후에도 같은 현상이 반복된다면 문의글을 남겨달라는 메시지를 남기면 될까요?

이러한 경우에 실무에서는 프론트에서 어떠한 작업을 하는지 궁금합니다!

[moonkii]

실제 서비스에서는 실패하는 경우 따로 실패했다거나 문제가 발생하였다는 에러 메시지를 사용자에게 전달해주는 형태로 많이 처리해요.

예를들어 errors 라는 상태를 하나 만들어서 전역에서 공통으로 사용되는 컴포넌트를 만들고 최상위 컴포넌트 등에서 errors 에 값이 있을 때만 해당 컴포넌트를 보여주고, 아니면 정상적인 컴포넌트를 보여주는 형태로도 처리가 가능하겠죠?

[yoonhe]

실제 서비스에서는 실패하는 경우 따로 실패했다거나 문제가 발생하였다는 에러 메시지를 사용자에게 전달해주는 형태로 많이 처리해요. 예를들어 errors 라는 상태를 하나 만들어서 전역에서 공통으로 사용되는 컴포넌트를 만들고 최상위 컴포넌트 등에서 errors 에 값이 있을 때만 해당 컴포넌트를 보여주고, 아니면 정상적인 컴포넌트를 보여주는 형태로도 처리가 가능하겠죠?

리뷰 감사합니다! 에러 컴포넌트를 만들어보도록 할게요! 👍🏻👍🏻👍🏻👍🏻👍🏻👍🏻👍🏻👍🏻👍🏻👍🏻👍🏻