[노드/리액트 유튜브] #18~20. 좋아요 싫어요 기능 생성 (1)구조, (2)템플릿, 데이터 가져오기, (3)클릭시 기능들 // 완강★

**본 포스팅은 유튜브&인프런 John Ahn님의 노드 리액트 유튜브 클론 강의를 참고하여 작성하였습니다.**

 

 

Like & Dislike Feature (1)System Explained

 

 

1. Like & Dislike model 만들기

 

2. 구조

 

 

---

 

 

Like & Dislike Feature (2)Template, Fetch Data

 

 

1. antd를 이용하여 좋아요 싫어요 버튼 만들기

2. 비디오와 댓글의 정보를 가져오기

video정보는 VideoDetailPage에서 가져옴

comment정보는 SingleComment에서 가져옴

비디오와 댓글의 좋아요싫어요 개수와 정보 가져오기

 

결과

 

 

---

 

 

Like & Dislike Feature (3)Function

 

 

1. onLike func 만들기

1.

2. onDislike func도 1번과 같은 방식으로 만들면 된다.

 

결과