Community

개발자 99% 커뮤니티에서 수다 떨어요!

← Go back

[멜론클론코딩 컨테스트 최종제출] 🍒 체리뮤직 🍒

#music_player
2년 전
3,309
6

안녕하세요 저는 푸린이라고 합니다🥰


구현 기능 소개 및 스크린샷

1. 플레이어


MongoDB 로 Track 모델을 만들었고 last.fm 에서 가져오는 곡 정보를 저장했습니다.

뮤직 카드를 누르면 해당 곡의 페이지로 이동하고 재생 목록을 열 수 있습니다.

재생/ 셔플/ 다음곡 /이전곡/ 반복 버튼을 만들었습니다.


2. 검색

DB에서 검색한 곡들을 리스트 되도록 했습니다.

크롬에서 음성 검색이 가능합니다.

3. 로그인

회원가입과 로그인을 할 수 있습니다.

4. 유저의 재생목록 만들기




## 느낀점

기획안을 제출하는 첫 과제가 가장 중요합니다.
3주면 시간이 넉넉할 줄 알았는데 기능을 구현할 때마다 에러가 나와서 하루이틀 밀리다 보니 생각했던 기능들을 다 구현하지 못했습니다ㅠㅠ

기획안을 만들때 어떤 기능을 구현할 수 있을지, 어디까지 구현해야 할지 막연해서 큰 틀만 생각하고 제출했습니다. 그런데 3주가 지나고 되돌아 보니 아마도 가장 중요했던 과제가 아니었나하는 생각이 듭니다! 언제나 예상치 못한 상황을 대비하면서 유연한 계획을 짜고 대처하는 것이 완성도 높은 결과물을 낼 수있는 비결인 것 같습니다. 목표를 설정하고 핵심 기능을 잘 정의해야한다는 것을 배웠습니다.

언제나 클린코드 하는것이 시간을 아끼는 길이다!
시간에 쫓기면서 기능구현에만 급급했더니 에러 고치는 시간이 더 길었습니다 . 처음에 시간이 걸리더라도 로직을 나누고 모듈화하면서 코드를 쓰는것이 좋다는걸 배웠습니다!

아직 해결 못한 에러들도 있고 구현 못한 기능들도 있어서 아쉬움이 많이 남습니다.

하지만 최종 과제를 제출하는 것이 가장 큰 목표였기 때문에 뿌듯합니다!!

하루만 쉬고 내일 부터 또 화이팅 🔥 리액트로 리팩토링도 해보고 싶습니다!

###깃허브 : https://github.com/jieuncodes/cherry-music
### 배포 URL: https://cherrymusic.fly.dev/


📱모바일 화면으로 만들었기 때문에 개발자모드에서 iphone12 모드로 봐야합니다 ㅠㅠ

6 comments