Youtube Favorite : 유튜브 동영상 즐겨찾기

contact

• name : Joonyoung Choi
• email : [email protected]

사용 기술

• Javascript + React.js
• HTML
• CSS

구현 내용

• 화면

• 10000개의 비디오 리스트 화면 : Home

• Favorite List 선택 화면 : Favorites

• 각 Favorite List 내부에 포함된 비디오 리스트 화면 : FavoriteDetail

• 기능 및 특징

• Favorite List 생성

• Favorite List에 비디오 목록 추가

• 각 Favorite List 삭제 / 편집

• Favorie List 합치기

• Home 화면의 비디오 리스트는 100개씩 렌더링, 스크롤 로딩으로 추가 로딩

• LocalStorage 데이터 저장

• 비디오 선택 시 Youtube의 해당 영상 페이지로 새창 열기

프로젝트 실행 방법

1. 프로젝트 세팅

• Download ZIP or
• 클론 프로젝트: https://github.com/mydream757/youtube-favorites.git

2. _video_list.json 파일 추가 : src/_video_list.json 경로에 추가

3. 의존성 설치

    $npm install

3. 프로젝트 실행

    $npm start