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.

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

[Feat] 유저 단축어 등급 기능 추가 #412

Merged
merged 33 commits into from
Mar 2, 2023

Conversation

JMM00
Copy link
Member

@JMM00 JMM00 commented Feb 28, 2023

관련 이슈

구현/변경 사항

  • 등급 뱃지 이미지 크기별 추가
  • 단축어 글 일정 갯수 이상 작성 시 각 등급 뱃지로 프로필 이미지 대체
  • 등급 상승 시 등급 상승 알림창 띄우기
  • 단축어 삭제 시 등급 하락 경고 문구 추가 (실제 하락하는 경우에만)

스크린샷

iPhone SE

Simulator.Screen.Recording.-.iPhone.SE.3rd.generation.-.2023-02-28.at.23.44.45.mp4

iPhone14 pro

Simulator.Screen.Recording.-.iPhone.14.Pro.-.2023-02-28.at.23.43.10.mp4
iPhone SE iPhone14 pro
Simulator Screen Shot - iPhone SE (3rd generation) - 2023-02-28 at 23 34 50 Simulator Screen Shot - iPhone 14 Pro - 2023-02-28 at 23 28 06

To Reviewer

  • 등급 상승 알림창은 특수한 경우 + 다시 볼 수 있는 방법이 존재하지 않아 배경 클릭 시 창이 닫히는 기능을 추가하지 않았습니다. 다만 애니메이션이 재생되는 동안 닫지 못하는 것이 답답함을 유발할 수도 있음을 고려해 애니메이션 속도를 조금 빠르게 조정했습니다.
  • 등급 상승 알림창은 기본 알림창처럼 동작하는 것이 아닌 상단뷰의 ZStack에서 조건을 검사해서 띄워주는 방식으로 나타날 때 갑자기 등장해 어색하다고 느껴질 수 있습니다. 이부분을 수정하기 위해서 조건에 해당하는 값을 변경하는 부분에 애니메이션을 넣었지만 효과가 없었습니다ㅠㅠ 혹시 다른 방법을 아신다면 피드백 부탁드립니다!

@JMM00 JMM00 added the Type-Feature New feature label Feb 28, 2023
@JMM00 JMM00 self-assigned this Feb 28, 2023
Copy link
Member

@HanGyeongjun HanGyeongjun left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

데이터 구조나 함수 되게 깔끔하게 구현해 주신 것 같아요! 수고하셨습니다 👍🏻
아래 피드백만 검토 부탁드립니다.

  • alert을 제외한 다른 아이콘 해상도가 너무 낮게 설정되어 있는 것 같아요. 작은 아이콘인데도 낮은 해상도로 보여서 해상도를 높인 에셋으로 재등록해주셨으면 좋겠습니다!
    • Figma에서 export하실 때 1x말고 3x설정으로 뽑아주시면 해결될 것 같습니당
  • 라이트모드일 때는 괜찮은데, 다크모드에서 실행했을 경우 Alert창의 텍스트 및 xmark가 흰색인 Alert배경과 너무 대비가 약해 사용자가 불편해 할 것으로 예상됩니다. 두 가지 해결방향이 생각나는데 어떤 방향이 더 좋을까요? 개인적으로는 다크모드에서 갑자기 큰 흰색 창이 나타나면 불편하게 느낄 수 있을 것 같아 두 번째 해결방법이 좋을 것 같습니다
    1. Alert배경은 다크모드에서도 흰색으로 유지하고 텍스트 및 xmark 색상을 진하게 변경하자.
    2. 텍스트 및 xmark 색상은 현행대로 gray5로 유지하고 Alert배경색을 background회색으로 설정하자. -> 배경색과 같지만 배경이 Dimmed 되어있어서 두 색상 간의 차이를 인식할 수 있을 거라고 생각합니다! 잘 인지가 안 된다면 더 밝은 회색으로 설정하는 방향도 좋습니다.
Dark Light
IMG_7110 image

@JIWON1923
Copy link
Collaborator

혹시 지민님이 원하시는 뷰 전환 효과가 이게 맞을까요?

2023-03-01.4.18.45.mov

Copy link
Collaborator

@JIWON1923 JIWON1923 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

정말 어려운 태스크였을텐데 너무 깔끔하게 잘 해주셨네요!
현재 레벨 1에서 나타나는 이슈가 있습니다. 제안드린 코드 반영해주세요~
고생하셨어요~!

@HanGyeongjun
Copy link
Member

정말 어려운 태스크였을텐데 너무 깔끔하게 잘 해주셨네요! 현재 레벨 1에서 나타나는 이슈가 있습니다. 제안드린 코드 반영해주세요~ 고생하셨어요~!

와우... 엄청난 코드리뷰네요 👍🏻

@JMM00
Copy link
Member Author

JMM00 commented Mar 1, 2023

데이터 구조나 함수 되게 깔끔하게 구현해 주신 것 같아요! 수고하셨습니다 👍🏻 아래 피드백만 검토 부탁드립니다.

  • alert을 제외한 다른 아이콘 해상도가 너무 낮게 설정되어 있는 것 같아요. 작은 아이콘인데도 낮은 해상도로 보여서 해상도를 높인 에셋으로 재등록해주셨으면 좋겠습니다!

    • Figma에서 export하실 때 1x말고 3x설정으로 뽑아주시면 해결될 것 같습니당
  • 라이트모드일 때는 괜찮은데, 다크모드에서 실행했을 경우 Alert창의 텍스트 및 xmark가 흰색인 Alert배경과 너무 대비가 약해 사용자가 불편해 할 것으로 예상됩니다. 두 가지 해결방향이 생각나는데 어떤 방향이 더 좋을까요? 개인적으로는 다크모드에서 갑자기 큰 흰색 창이 나타나면 불편하게 느낄 수 있을 것 같아 두 번째 해결방법이 좋을 것 같습니다

    1. Alert배경은 다크모드에서도 흰색으로 유지하고 텍스트 및 xmark 색상을 진하게 변경하자.
    2. 텍스트 및 xmark 색상은 현행대로 gray5로 유지하고 Alert배경색을 background회색으로 설정하자. -> 배경색과 같지만 배경이 Dimmed 되어있어서 두 색상 간의 차이를 인식할 수 있을 거라고 생각합니다! 잘 인지가 안 된다면 더 밝은 회색으로 설정하는 방향도 좋습니다.
Dark Light
IMG_7110 image

꼼꼼한 리뷰 감사합니다!

  1. 해상도 부분은 이미지 다시 추가했습니다!
  2. alert의 경우 배경색을 기존 배경색과 동일한 shortcutsZipWhite로 설정한 경우

이런 모습인데 배경과 차이가 느껴지는 정도라고 생각되는데 어떻게 생각하시나요?

2번 괜찮다고 생각되시면 바로 수정 푸시하겠습니다!

@HanGyeongjun
Copy link
Member

@JMM00 변경된 색상 구분 잘 되어서 괜찮을 것 같습니다!

Co-authored-by: Soi (Jiwon Lee) <zest1923@gmail.com>
@JMM00
Copy link
Member Author

JMM00 commented Mar 1, 2023

혹시 지민님이 원하시는 뷰 전환 효과가 이게 맞을까요?

네!!!!! 맞아요!!!!! 어디서 해당 애니메이션을 넣어야하죠,,,.????ㅠㅠㅠㅠㅠ

@JMM00
Copy link
Member Author

JMM00 commented Mar 1, 2023

정말 어려운 태스크였을텐데 너무 깔끔하게 잘 해주셨네요! 현재 레벨 1에서 나타나는 이슈가 있습니다. 제안드린 코드 반영해주세요~ 고생하셨어요~!

꼼꼼한 리뷰 감사합니다~!!!!!!! 제가 놓친 부분들까지 꼼꼼하게 잡아주셨네요ㅠㅠ 제가 마음만 급해서..부족한 pr을 올린 것 같아 죄송합니다. 앞으로는 좀 더 꼼꼼하게 확인 후 진행하겠습니다!! 감사합니다

Copy link
Member

@HanGyeongjun HanGyeongjun left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

에셋 변경 및 TextLiteral 반영도 확인했습니다!

JMM00 and others added 16 commits March 1, 2023 21:05
- 뱃지 이미지 추가
- 프로필 이미지 뱃지 이미지로 대체

resolve conflict
- super image 추가
- grade alerter 추가

resolve conflict
Co-authored-by: Soi (Jiwon Lee) <zest1923@gmail.com>
Co-authored-by: Soi (Jiwon Lee) <zest1923@gmail.com>
Co-authored-by: Soi (Jiwon Lee) <zest1923@gmail.com>
Co-authored-by: Soi (Jiwon Lee) <zest1923@gmail.com>
…tGradeSystem'

Conflicts:
	HappyAnding/HappyAnding/TextLiteral.swift
	HappyAnding/HappyAnding/Views/Components/MyShortcutCardListView.swift
	HappyAnding/HappyAnding/Views/ExploreCurationViews/ReadUserCurationView.swift
	HappyAnding/HappyAnding/Views/ShortcutDetailViews/ReadShortcutView/ReadShortcutHeaderView.swift
@JIWON1923
Copy link
Collaborator

푸시 이후에는 리베이스 말고 머지로 최신 디벨롭 반영하는게 좋다고 하네요
디벨롭을 건드리지 않는다는점에서 좋기는 하지만, 중복된 커밋이 너무 많이 남네요!ㅠ
관련 자료

Co-authored-by: Soi (Jiwon Lee) <zest1923@gmail.com>
@JMM00 JMM00 merged commit a8df05c into develop Mar 2, 2023
@JMM00 JMM00 deleted the feature/396-ShortcutGradeSystem branch March 2, 2023 06:40
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Type-Feature New feature
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Feat] 유저 등급 뱃지 기능 추가
3 participants