YouTube-Music-Player

프론트 엔드 개발자 지원을 하기 위한 포트폴리오입니다.
YouTube API와 React를 이용하여 음악 플레이어를 만들었습니다.

시연해보기

주요 개발 스택

React(hooks), npm, Sass

특징

1) 유튜브 url을 입력하여 음악 추가

유튜브 영상 url을 입력하여 자신이 원하는 플레이 리스트를 만들 수 있습니다.

2) 기본적인 음악 플레이어 기능

재생, 일시정지, 이전목록, 다음목록 재생, 볼륨 조절

3) 플레이 리스트 유지

플레이 리스트는 사용자의 Local Storage에 저장되어 웹브라우저를 종료해도 플레이리스트가 계속 유지됩니다.

4) 드래그를 통한 음악리스트 순서 변경

선택한 음악을 드래그하여 간단하게 순서를 변경할 수 있습니다.

실행 방법

npm install

실행하여 필요한 라이브러리를 설치 후

npm start

기본접속주소는 http://localhost:3001로 되어있습니다.