배포 링크 :
- javascript
- react
- react-router
- tanstack react-query
- tailwind css
- postman
- youtube API
- timeago.js
- Home 페이지
- 로고, 검색창 - 헤더
- 비디오 목록(Most Popular 순)
- 비디오 카드 - 썸네일, 타이틀, 채널명, 업로드 며칠전
- 검색되면 검색명으로 라우팅 → 검색결과 나옴
- 비디오 카드 클릭하면 영상 상세페이지
- 영상 재생 가능
- 영상 제목, 채널, 더보기란 설명
- 오른쪽에 연관된 비디오 목록
- 라우팅 활용했으므로 뒤로가기 앞으로가기 가능
- 반응형!
- 사이즈가 줄면 반응적으로 줄고
- 너무 넓으면 중앙 정렬