Youtube Music 불편함 고쳐보기

사이트 주소

짭튜브뮤직

내가 느낀 불편함

제가 웹에서 쓰면서 느낀 불편함은 다음과 같습니다.

1. 브라우저의 가로폭이 작아지면 하단에 있는 Playerbar에서 앨범커버와 셔플 기능이 사라지는 것
2. 굳이 숨기는 볼륨조절기능과 반복재생기능

3. 브라우저의 가로폭이 작아지면 조작하기 힘든 MusicList

프로젝트 실행

Music_Server(서버)
-> npm start

MusicApp(웹)
-> npm start

바뀐점

1,2번 문제점

기존

변경

3번 문제점

기존

변경

동작

Main

Sidebar

PlayListModal

PlayerPage

Playerbar

1. Commit Convention

• Feat : 새로운 기능 추가
• Fix : 버그 수정
• Docs : 문서 수정
• Style : 코드 포맷팅, 세미콜론 누락, 코드 변경이 없는 경우
• Refactor : 코드 리펙토링
• Test : 테스트 코드, 리펙토링 테스트 코드 추가
• Chore : 빌드 업무 수정, 패키지 매니저 수정

2. 적용 기술 스택

Web

• React
• TypeScript
• Styled-component

Server

• koa
• mongodb