Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[FEAT] 메인페이지에서 킬링파트 등록 인기순 음악을 보여준다 #166

Closed
3 tasks done
cruelladevil opened this issue Aug 1, 2023 · 0 comments · Fixed by #175
Closed
3 tasks done

[FEAT] 메인페이지에서 킬링파트 등록 인기순 음악을 보여준다 #166

cruelladevil opened this issue Aug 1, 2023 · 0 comments · Fixed by #175
Assignees
@cruelladevil
Labels
[ 🌞 FE ] 프론트엔드 크루들의 빛나는 개발 이야기 하나둘셋 호! ✨ Feat 꼼꼼한 기능 구현 중요하죠
Milestone
[2차] 노래 목록 및 상세 정...

Comments

@cruelladevil
Copy link
Collaborator

cruelladevil commented Aug 1, 2023 •
edited
Loading

🤷 구현할 기능

메인페이지에서 킬링파트 등록 인기순 음악을 보여준다.
노래를 클릭하면 킬링파트를 보여주는 페이지로 이동한다.

🔨 상세 작업 내용

  • 킬링파트 등록 페이지 구현
  • 쿼리 작성
  • 웹 접근성 적용

📄 참고 사항

⏰ 예상 작업 시간

4시간

⏰ 마감일

8/1
@cruelladevil cruelladevil added [ 🌞 FE ] 프론트엔드 크루들의 빛나는 개발 이야기 하나둘셋 호! ✨ Feat 꼼꼼한 기능 구현 중요하죠 labels Aug 1, 2023
@cruelladevil cruelladevil self-assigned this Aug 1, 2023
@cruelladevil cruelladevil mentioned this issue Aug 1, 2023
Merged
cruelladevil added a commit that referenced this issue Aug 3, 2023
@cruelladevil
Merge remote-tracking branch 'origin' into feat/#166
34a9f69
cruelladevil added a commit that referenced this issue Aug 3, 2023
@cruelladevil
Feat/#166 메인페이지에서 킬링파트 등록 인기순 음악을 보여준다 (#175)
116317f 
* feat: 인기있는 킬링파트 서버응답 msw 구현

* feat: Thumbnail 컴포넌트 구현

* feat: SongRankCard 컴포넌트 구현

* feat: SongPopularPage 구현

* refactor: alt 속성을 prop으로 받지 않고, src prop을 thumbnail로 변경

* feat: SongRankCard에 color white 적용

* feat: SongRankCard 스토리 작성

* design: 미구현으로 인한 하드코딩된 votes 정보 주석처리

* design: focus 및 active 시 background color 적용

* feat: lazy loading 및 default image 적용

* design: font-weight 700으로 수정

* fix: overflow hidden 수정 및 인라인 스타일 삭제

* design: SongRankCard의 Link에서 active 요소 삭제

* design: 태그를 시맨틱하게 수정

- 순서 있는 목록이므로 ol, li로 표현

* chore: 컴포넌트명을 PopularSongItem으로 수정

* refactor: 인기있는 킬링파트 서버 엔드포인트 변경

* test: api fixture 백엔드와 동기화

* feat: 백엔드 응답 변경

- thumbnail을 imageUrl로 변경
- totalVoteCount 추가

* design: 썸네일 크기 및 간격 조정
@github-project-automation github-project-automation bot moved this from Todo to Done in 2023-shook Aug 3, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@cruelladevil cruelladevil

Labels
[ 🌞 FE ] 프론트엔드 크루들의 빛나는 개발 이야기 하나둘셋 호! ✨ Feat 꼼꼼한 기능 구현 중요하죠
Projects
2023-shook
Status: Done
Milestone
[2차] 노래 목록 및 상세 정보 조회 기능 구현
1 participant
@cruelladevil