[오늘의 이슈] 물준 날 미설정 시 undefined 값에 초기값 주기

리액트를 하다보면 undefined는 언제나 고민거리이다. 처음에는 || 0 을 통해 undefined를 막았지만 그럼 값을 설정하지 않았을 때 date 값이 1970년으로 나와 UX 상 좋지 않다. 이런 모습을 유저가 본다면 앱이 성의없다고 느낄 것이다. 

<span>
                    {secondsToDate(plantDetail?.wateredDays?.at(-1)?.seconds)}
                  </span>

아래는 유틸 함수로 빼주었는데 이렇게 했더니 원하는 결과를 얻었지만 

export const secondsToDate = (seconds: number) => {
  if (seconds) {
    const date = new Date(seconds * 1000);
    const formattedDate = format(date, 'yyyy-MM-dd');
    return formattedDate;
  } else {
    return '물을 주세요!';
  }
};

에러를 해결해준 것은 아니었다. 그래서 유틸 함수에서 초기값을 주어 해결하기로 하였다.

export const secondsToDate = (seconds = 0) => {
  if (seconds) {
    const date = new Date(seconds * 1000);
    const formattedDate = format(date, 'yyyy-MM-dd');
    return formattedDate;
  } else {
    return '물을 주세요!';
  }
};

잘 나온다. 그럼 수정할 때 잘 수정될까?

잘 나온다.