1221 TIL 6699 devLog

오늘 한 것

• 페이지네이션 먹힌 마이페이지 구현

막혔던 것

• css import를 잘못해서 한참 헤맸다. 왜 css입혔는데 안보이지..?하면서
  오전에 css파일 이름을 비슷한이름의 css로 써서 시간날리고..
  밤엔 이름뒤에 module.css 빼먹어서 시간날렸다...후..

• className에 {style.saying}이라고 안쓰고 {saying.saying}이라고 써서 시간날렸다..

• axios로 요청할 때 조건을 꼭 걸어주어야겠다. 데이터가 바로 오지않고 undefined로 올 때가 은근 잦다. 조건을 안걸고 그냥 데이터를 받아와서 화면에 보여주려고 하니까 undefined 데이터가 들어오면 에러가 자꾸 나서 오전에도 헤맸는데 새벽에도 또 헤맸다.

• 토글을 만들었는데 브라우저에 토글이 불려져 오지도 않아서 왜그런가 했는데 토글부분의 가장바깥쪽 css를 작성안해서 브라우저에 불리지 않았다.

에러 유발가능성이 높은 요청

const fetchPosts = async () => {
      setLoading(true)
   const res = await axios.get(
       `${REACT_APP_API_URL}/user/mylike/?category=article`,
       {withCredentials: true}
       );
    setPosts(res.data.data.filteredArticle);
    setLoading(false);
  }

올바른 요청

  const fetchPosts = async () => {
      setLoading(true)
   const res = await axios.get(
       `${REACT_APP_API_URL}/user/mylike/?category=article`,
       {withCredentials: true}
       );
       if(Array.isArray(res.data.data.filteredArticle)){
    setPosts(res.data.data.filteredArticle);
    setLoading(false);
       }
  }

새로 알게된 것

페이지 네이션... 페이지네이션을 먼저 만들고 나서 그에 맞춰서 화면에 axios로 데이터를 받아와야하는데 해본적이 없어서 몰랐다 ㅎㅎ..
이틀내내 붙잡았던 코드들을 다 밀고 페이지네이션에 맞춰서 다시 작성했다...ㅎ

useEffect를 오랜만에 사용했다. 의존성배열안에는 꼭 배열형태가 들어갈 필요가 없다. 변하는 것(state)를 넣으면 state가 변할때마다 렌더링이 다시 된다.