728x90 [노드/리액트 유튜브] #18~20. 좋아요 싫어요 기능 생성 (1)구조, (2)템플릿, 데이터 가져오기, (3)클릭시 기능들 // 완강★ **본 포스팅은 유튜브&인프런 John Ahn님의 노드 리액트 유튜브 클론 강의를 참고하여 작성하였습니다.** Like & Dislike Feature (1)System Explained Like & Dislike Feature (2)Template, Fetch Data Like & Dislike Feature (3)Function 2. onDislike func도 1번과 같은 방식으로 만들면 된다. 2022. 2. 21. [노드/리액트 유튜브] #16~17. 댓글 기능 생성 (3)SingleComment, (4)ReplyComment **본 포스팅은 유튜브&인프런 John Ahn님의 노드 리액트 유튜브 클론 강의를 참고하여 작성하였습니다.** Make the Comment (3)SingleComment 5. Comment.js와 SingleComment.js에서 submit 한것들을 VideoDetailPage의 Comment state에 업데이트 해주기 Make the Comment (4)ReplyComment 2022. 2. 20. [노드/리액트 유튜브] #14~15. 댓글 기능 생성 (1)구조, (2)Comment.js **본 포스팅은 유튜브&인프런 John Ahn님의 노드 리액트 유튜브 클론 강의를 참고하여 작성하였습니다.** Make the Comment (1)구조 comment list : 댓글 달린 부분 -> single comment : 댓글 하나하나 (사용자 정보, 내용, form, 좋아요싫어요기능, 대댓글) -> reply comment : 대댓글 (depth가 무한히 커질 수 있음) root comment form : 첫번째 depth인 댓글 입력하는 칸 Make the Comment (2)Comment.js 4. parent component 는 VideoDeatilPage.js 의 Comments state 를 의미함 2022. 2. 18. [노드/리액트 유튜브] #13. 구독 비디오 페이지 **본 포스팅은 유튜브&인프런 John Ahn님의 노드 리액트 유튜브 클론 강의를 참고하여 작성하였습니다.** Subscription Page : 구독한 사람의 비디오만 나오는 페이지 2022. 2. 18. [노드/리액트 유튜브] #11~12. 구독 기능 **본 포스팅은 유튜브&인프런 John Ahn님의 노드 리액트 유튜브 클론 강의를 참고하여 작성하였습니다.** 구독 기능 2022. 2. 17. [노드/리액트 유튜브] #9~10. 비디오 디테일 페이지, Side 비디오 생성 **본 포스팅은 유튜브&인프런 John Ahn님의 노드 리액트 유튜브 클론 강의를 참고하여 작성하였습니다.** 비디오 디테일 페이지 만들기 모든 비디오에는 videoId가 있다. 그걸 통해 각 비디오마다 독립적인 video detail에 들어가기 위해 path="/video/:videoId" 로 설정해준다. 비디오 디테일 페이지에 Side 비디오 생성 -> 여러개의 카드 불러오기 위해 이후에는 map을 사용 (4번 과정) 2022. 2. 16. 이전 1 2 다음 728x90
