TIL 72일차

1. 댓글 crud 작업을 진행
2. 본인일시 댓글 수정 삭제 가능
3. 댓글 좋아요 기능

1번은 기본적인 crud라서 코드적인 부분은 작성X

2번 본인을 구분하는 user정보를 get으로 가져와서 댓글의 user정보와 일치하면 삭제할수 있게 삼항연산자를 사용 / 로그인 안했을시 버튼클릭하면 alert창 뜸

 {re?.nickname !== userInformation?.nickname ? (
            ""
          ) : (
            <>
              <button onClick={onSubUp}>수정</button>
              <button onClick={() => onSubCommentDelete(re.id)}>삭제</button>
            </>
          )}

3번 댓글 좋아요 버튼클릭 마다 통신해줘서 삼항연산자 써서 참이면 빨간하트 거짓이면 빈하드 만들어 주었습니다!

 {acToken ? (
        <button onClick={() => onLikeClick(re.id)}>
          {re.liked ? (
            <Img wd="2.4rem" src={redLike} />
          ) : (
            <Img wd="2rem" src={like} />
          )}
        </button>
      ) : (
        <Img
          wd="2rem"
          src={like}
          onClick={onNoSign}
          style={{ marginTop: "-5px", marginRight: "10px" }}
        />
      )}