유튜브 리액트 프로젝트로 연결됩니다.
기존에 만들었던 mytube는 백엔드(nodejs,mongodb)와 프론트(pug)로 만들었다면
이번 mytube_react는 유튜브 API를 이용해 리액트를 익히기 위함입니다.
React Hook과 PostCSS 를 이용하였습니다.
메인화면입니다. 홈화면은 현재 인기동영상 25순위까지를 받도록 하였습니다.
비디오 리스트에 hover가 적용이 되어있습니다.
비디오를 클릭시에 왼쪽은 유튜브의 ifram API를 이용해 유튜브 영상과 제목 내용이 왼쪽에 나오고 오른쪽은 연관검색이 되어있는 리스트들로 이루어져있습니다.