React 심화

리액트 1주차 지난후 리액트 심화를 달리게 됐다.

Image-community

이미지 커뮤니티 형식으로 과제가 있었다. 리액트 심화 영상 길이가 비록 역 20시간이지만 영상을 다 듣고 과제를 시작했다. 인스타그램 형식인데 오류가 너무 심했다.. dispatch에서 많이 안불러와지고 했는데 중간중간 조건문을 넣어보니 잘 됐다.

  useEffect(() => {
    //user정보가 없으면 돌아간다.
    if (!user_info) {
      return;
    }

    //좋아요 정보 길이가 0이면 아직 입력아 안됐기때문에 리턴
    if (Object.keys(like).length === 0) {
      dispatch(commentActions.getLikeFB(props.id, user_info.uid))
      return;
    }
    
    //
    if (!like[props.id]) {
      return;
    }
    if (like[props.id].user_id === user_info.uid) {
      setLikecheck(true)
    }
  }, [like])

like 정보가 바뀔시 useEffect 실행된다. 그 이후 user_info에서 정보가 없으면 모든 것을 return 시킨다. 좋아요 누른 정보가 있다면 like를 누른 것이니 좋아요를 활성화 시킨다.

이로 인해 좋아요를 안 눌렀으면 false로 좋아요를 비활성화 시킨다.

-

당연한 얘기지만 아직 배울점이 너무 많은 것 같다. 공식 문서를 찾아보면서 더 많은 것들을 시도해봐야 할 것 같다.