2022년 토이 프로젝트1
디비 안붙고 오직 화면으로만 할수 있는 프로젝트가 뭐가 있을까 생각하던 도중에 가장 만만하고 제공이 잘되어있는 유튜브 클론 프로젝트 시작.
리액트를 첨배울땐 "클래스형 컴포넌트"으로 배웠는데 요즘에는 "함수형 컴포넌트"으로 코드를 많이 작성 하는것 같아서 함수형컴포넌트 + 리액트훅 프로젝트를 진행해봤다.
👓 유튜브 API 이용하기 : 리스트 function을 사용하여 동영상 목록 뿌려주기.
👓 검색결과 미리보기 : search input란에 원하는 검색어 입력시 실시간으로 동영상 title에 검색어와 일치하는 리스트 보여주기.
👓 상세화면 : 특정 리스트 목록 클릭시 클릭한 영상을 보여주는 화면으로 전환하기.
👓 검색화면 : search input에 검색어 입력후 검색버튼 누를시 영상title에 검색어와 일치하는 화면 보여주기.
<22-07-24>까지 완료된것
[메인화면]
[검색결과 미리보기]
[상세 화면]
[검색 화면]
프로젝트 구성 이미지
⚙ 보충 해야할것
✏ 컴포넌트 별 스타일 분리 및 UI완성
✏ 사용자 별 로그인 - 화면 - 영상별 좋아요 누르기 , 좋아요 누른 영상 볼수있는 화면(다음에 할 프로젝트에서 구현하기.)
UnusualFrontendDeveloper