1222 TIL 6699 devLog

오늘 한 것

• merge후 다 망가진 마이페이지 css 복구
• 마이페이지 - 좋아요 페이지와서 토글 누르면 좋아요누른 명언/ 게시물 컴포넌트 분기
• 팀원과 공유할 state slice에 몰아서 같이 관리하기
• 카테고리별 사진 연결, hover시 게시물 제목 미리 보이기
• 명언 삭제 기능 + 모달과 연결

막혔던 것

이 에러를 팀원 전체가 4일 달고 살고있다. 배포전에 꼭 해결해야하는데...ㅜ

Plugin "react" was conflicted between "package.json » eslint-config-react-app » /home/sunyoung/바탕화면/6699/client/node_modules/eslint-config-react-app/base.js" and "BaseConfig » /home/sunyoung/바탕화면/6699/client/node_modules/react-scripts/node_modules/eslint-config-react-app/base.js".

처음 잘못쓴 에러 코드

useEffect(()=>{
  const fetchPosts = async () => {
      setLoading(true)
   const res = await axios.get(
       `${REACT_APP_API_URL}/user/mylike`,
       {withCredentials: true}
       );
    console.log(res.data) //{message: "empty!"}
         if(res.data && res.data.data.filteredLike){
    setSayings(res.data.data.filteredLike);
    setLoading(false);
       }
  }
  fetchPosts();
},[])

오늘도 또 axios를 부를 때 에러가 생겼다..ㅎ
이번엔 어제처럼 조건부를 걸었는데도 자꾸 에러가 일어나길래 왜일까?했다.
전달하는 데이터가 없어서 비워져있는데 존재하지않는 filteredLike를 조건에 넣어서 undefined가 자꾸 나오는 것이었다.

useEffect(()=>{
  const fetchPosts = async () => {
      setLoading(true)
   const res = await axios.get(
       `${REACT_APP_API_URL}/user/mylike`,
       {withCredentials: true}
       );
       if(res.data.data){
         if(res.data.data.filteredLike){
    setSayings(res.data.data.filteredLike);
    setLoading(false);
         }
       }
  }
  fetchPosts();
},[])

• 왜 좋아요탭을 누르면 좋아요 누른 명언/ 게시글이 렌더링 안되는걸까..?했는데...
  slice에 state를 옮길때 initial state를 boolean타입 true로 안적고 string true로 적어서 렌더링이 안된 것이었다.

새로 알게된 것

전에도 느꼈던 거지만 진짜 코딩은 마음 상태도 중요한 것같다. 꼼꼼하지 못해서 오타를 쓰면 에러가 안떠서 오류 잡아내기가 너무 힘들고, 서툰 마음에 빨리 코드 짜야지 하고 성급하게 코드를 짜면 쓸데없이 복잡한 코드가 만들어지는 것 같다. 급한 성격을 내려두고 남들과의 비교는 접어두고 차분하게 코드를 쓰자.

pull땡길때도 codestate레포가아니라 내 레포지토리 코드를 복사한 후 pull해서 변경이 안됐다 ㅜㅜ

앞으로는 merge후에 코드가 혹시나 예상과 다르게 달라질수 있으니까 백업을 좀 하면서 merge해야할것같다 ㅜㅜ