프론트엔드 정복하기

https://velopert.com/1148

https://ko.reactjs.org/docs/add-react-to-a-website.html 1단계: HTML 파일에 DOM 컨테이너 설치 2단계: 스크립트 태그 추가하기 3단계: React 컴포넌트 만들기 선택사항: JSX로 React 해보기 JSX 전처리기 실행하기 npx babel --watch src --out-dir . --presets react-app/prod : jsx문법을 javascript로 변경하고 싶을 때 마다 위 명령문을 실행하면 된다. : src 파일 내에 있는 문법을 js로 변경한다는 말이다. 따라서 babel화를 처리하고 싶은 파일만 src 파일에 저장한다.

함수형 컴포넌트 vs 클래스 컴포넌트 https://overreacted.io/ko/how-are-function-components-different-from-classes/

css import를 활용

1. '좋아요' clilck 1) '좋아요' 클릭하지 않은 상황 (LikeAction = null) a) setLikeAction = liked b) setLikes = Likes + 1 c) 싫어요를 누른 상태라면 (if DislikeAction = 'disliked') 가. 싫어요 setDislikeAction = disliked 나. 싫어요 setDislikes = Dislikes + 1 2) '좋아요' 이미 클릭한 상황 (LikeAction = 'liked') a) setLikeAction = null b) setLikes = Likes - 1 2. '싫어요' click : '좋아요' 참고 >> 위 경우의 수 대로 if문을 만들고.. -server에서 참고 사항- 1- 1) : like varia..

0. Like& DisLike 버튼 만들기 : LikeDislikes 컴포넌트를 actions=[ ] 안에 '콤마'를 이용해서 넣는다. 더보기 const actions=[ , Reply to ] : Tooltip, Icon antd 이용 1. 현재 video or comment에 대한 '좋아요'('싫어요') 개수 불러오기 1) userId와 comment or video Id를 axios 하기 : let 변수에 if문으로 props에 video가 있는지 확인한 후 video Id or comment Id를 전송한다. 2) comment Id >> Single comment 에서 props.comment 불러온 정보에 _id 3) server에서 comment or videoId에 대한 like 정보를 불..