useEffect 렌더링 오류에 관한 트러블슈팅

useEffect는 처음에 렌더링 된 이후에 한번 실행되고 그 후에는 의존성 배열 안에 들어있는

값이 변경되었을 때만 리렌더링 된다.

이런 이유로, 의존성 배열을 빈배열로 두면 최초 한번만 렌더링 된 후 재렌더링이 일어나지 않는다.

 

D-DAY 기능을 작업하던 중에 비동기 관련 오류가 계속해서 발생하였다.

서버에서 데이터를 받아오는 것을 기다리지 못하고 오류가 출력되버리는 것이였다.

 

그래서 데이터를 받아오지 못했을 때는 빈 div를 출력하게끔 했더니 데이터를 받아오는 동안에는 

빈 div를 출력하다가 데이터를 받아왔을 때 해당 값을 출력시키는게 가능해졌다.

  if (!dday) {
    return <div></div>;
  }
  // 오류 해결 완료