[TIL] 2022-06-01

모아데이터 기업 과제 셋째 날

오류 처리

구현한 기능을 실행하던 중, startDate와 endDate가 같을 때 오류가 발생했다. 에러 로그를 잘 읽어보니 차트 쪽에서 값을 못불러 온다는 의미였다.
기존의 코드를 살펴보니 startDate와 endDate가 다를 때, 해당 날짜에 값이 없으면 0을 넣어줬는데 같을 경우에는 그런 처리를 해주지 않아 오류가 발생한 것을 알 수 있었다.
그래서 간단하게 데이터를 필터 해주고 나서 값이 없을 때 해당 날짜에 0을 넣어주는 과정을 추가했다.

if (totalData.filter((item) => item.crt_ymdt.split(' ')[0] === startDate).length === 0)
      return [
        {
          steps: 0,
          crt_ymdt: startDate,
        },
      ];

useQuery()

파라미터로 사용자의 아이디를 받아오고, 그 아이디에 따라 데이터를 가지고 올 수 있도록 useQuery를 사용했다.
사용자의 아이디를 받아오고, 전체 데이터에서 filter를 돌려 해당 사용자의 데이터만 가져오도록 구현했다.

• id가 328일 때

• id가 136일 때

파라미터에 저장되지 않은 사용자의 id가 들어왔을 때, 접근이 잘못되었다는 화면을 보여주려고 하는데 아직 다른 분들과 합치지 않아 그 부분은 어느 정도 합쳐진 후 진행할 예정이다.