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] 노래 조회 상세페이지 구현 #140

Closed
3 tasks
ukkodeveloper opened this issue Jul 28, 2023 · 0 comments · Fixed by #158
Closed
3 tasks

[FEAT] 노래 조회 상세페이지 구현 #140

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

Comments

@ukkodeveloper
Copy link
Collaborator

🤷 구현할 기능

노래 조회 상세페이지 구현

🔨 상세 작업 내용

  • 디자인 시안 작성하기
  • YT player, toggle group 붙이기
  • 테스트 작성하기

⏰ 예상 작업 시간

12시간

⏰ 마감일

7.29
@ukkodeveloper ukkodeveloper added [ 🌞 FE ] 프론트엔드 크루들의 빛나는 개발 이야기 하나둘셋 호! ✨ Feat 꼼꼼한 기능 구현 중요하죠 labels Jul 28, 2023
@ukkodeveloper ukkodeveloper self-assigned this Jul 28, 2023
ukkodeveloper added a commit that referenced this issue Jul 30, 2023
@ukkodeveloper
Merge branch 'main' into feat/#140
3b1d117
@ukkodeveloper ukkodeveloper mentioned this issue Jul 30, 2023
Merged
5 tasks
@ukkodeveloper ukkodeveloper moved this from Todo to In Code Review in 2023-shook Jul 31, 2023
ukkodeveloper added a commit that referenced this issue Aug 2, 2023
@ukkodeveloper
Merge remote-tracking branch 'origin' into feat/#140
bb8e545
ukkodeveloper added a commit that referenced this issue Aug 2, 2023
@ukkodeveloper
Feat/#140 노래 조회 페이지 구현 (#158)
75dc7f3 
* feat: toggle switch button 컴포넌트 구현

* fix: 노래의 KillingPart 타입에서 유니온을 number타입으로 변경

* feat: songs fixture 데이터 api맞게 수정

* config: 웹팩 publicPath 추가하여 root 경로에서 빌드파일 접근

* refactor: api에 맞게 SongDetail 타입 key값 이름 변경

* refactor: msw songsHandler 목데이터에 맞게 수정 및 status 추가

* feat: SongPage router 설정 및 영상 로드

* feat: Spacing, Flex 공용 컴포넌트로 분리

* feat: ToggleGroup 컴포넌트 구현

* chore: 링크, 슉, 사람들 모양 svg 파일 추가

* feat: 클립보드 복사 훅 구현

* feat: killingPartInfo 컴포넌트 구현

* fix: api에 맞게 partVideoUrl로 수정

* feat: KillingPart 타입에 export 추가 및 interface로 변경

* feat: SongPage 개괄적인 틀 잡기 및 정보들 렌더

* feat: 노래 조회 페이지 추가

* feat: togglegroup 컴포넌트 스타일 분리

* feat: toggleSwitch 컴포넌트 스타일 분리

* refactor: import문 수정

* feat: ToggleGroup gap을 외부에서 받도록 변경

* feat: toggle group 사용처에서 사용 수정 및 핸들러 이름 변경

* refactor: useToggleContext 훅 분리

* refactor: 삼항연산자를 조건문으로 변경

* refactor: 재생시간 텍스트 유틸함수로 분리

* style: SongPage.style 개행

* refactor: img alt 의미있게 변경

* refactor: copyClipBoard 유틸로 분리

* refactor: songDetail 타입 변경

* refactor: toggleGroup value에서 number인 index로 변경
@github-project-automation github-project-automation bot moved this from In Code Review to Done in 2023-shook Aug 2, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@ukkodeveloper ukkodeveloper

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

Successfully merging a pull request may close this issue.

Feat/#140 노래 조회 페이지 구현 woowacourse-teams/2023-shook
1 participant
@ukkodeveloper