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] 노래 상세 페이지에 스와이프 코치 마크를 구현한다. #431

Closed
1 task done
cruelladevil opened this issue Sep 19, 2023 · 0 comments · Fixed by #432 or #447
Closed
1 task done

[FEAT] 노래 상세 페이지에 스와이프 코치 마크를 구현한다. #431

cruelladevil opened this issue Sep 19, 2023 · 0 comments · Fixed by #432 or #447
Assignees
@cruelladevil
Labels
[ 🌞 FE ] 프론트엔드 크루들의 빛나는 개발 이야기 하나둘셋 호! ✨ Feat 꼼꼼한 기능 구현 중요하죠
Milestone
[5차] 성능 개선 및 사용자 ...

Comments

@cruelladevil
Copy link
Collaborator

cruelladevil commented Sep 19, 2023 •
edited
Loading

🤷 구현할 기능

노래 상세 페이지에 스와이프 코치 마크를 구현하여 스와이프가 가능한 페이지임을 유저에게 인식시켜준다.

🔨 상세 작업 내용

  • 코치 마크를 구현하여 노래 상세 페이지에 적용

📄 참고 사항

일단은 스와이프 기능에 대한 설명만 있으면 된다고 생각듭니다.
추가적으로 코치 마크에 설명이 들어가야하는 부분이 있다고 생각이 든다면 이야기해보면 좋을 것 같아요! 😊

⏰ 예상 작업 시간

3시간

⏰ 마감일

9월 20일
@cruelladevil cruelladevil self-assigned this Sep 19, 2023
@cruelladevil cruelladevil added [ 🌞 FE ] 프론트엔드 크루들의 빛나는 개발 이야기 하나둘셋 호! ✨ Feat 꼼꼼한 기능 구현 중요하죠 labels Sep 19, 2023
@cruelladevil cruelladevil moved this from Todo to In Progress in 2023-shook Sep 19, 2023
@cruelladevil cruelladevil mentioned this issue Sep 19, 2023
Merged
cruelladevil added a commit that referenced this issue Sep 21, 2023
@cruelladevil
Merge branch 'main' into feat/#431
f2444d9
cruelladevil added a commit that referenced this issue Sep 21, 2023
@cruelladevil
Feat/#431 노래 상세 페이지에 스와이프 코치 마크를 구현한다 (#432)
6d9d1a5 
* feat: CoachMark 컴포넌트 구현

- 기존 Modal 컴포넌트와 매우 비슷함
- backdrop에 onClick 이벤트로 있던 closeModal이 없음
- Container의 backbround-color와 border 삭제

* feat: Swipe 설명을 위한 코치마크 적용

* feat: Modal 컴포넌트의 Container에 css를 추가할 수 있도록 변경

* refactor: CoachMark 컴포넌트를 Modal 컴포넌트로 대체

* fix: styled-component $ 사인 추가

* feat: useLocalStorage 훅 구현

* feat: 노래 상세페이지에 처음 접속할 때만 코치마크를 보여주도록 변경
@github-project-automation github-project-automation bot moved this from In Progress to Done in 2023-shook Sep 21, 2023
@cruelladevil cruelladevil mentioned this issue Sep 21, 2023
Merged
cruelladevil added a commit that referenced this issue Sep 21, 2023
@cruelladevil
Merge branch 'main' into hotfix/#431
bcc1281
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
[5차] 성능 개선 및 사용자 피드백 반영된 기능 구현
1 participant
@cruelladevil