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

[#104] 새로운 온보딩 화면 작업 #109

Merged
merged 12 commits into from
Nov 22, 2024
Merged

Conversation

dbqls200
Copy link
Collaborator

📝 작업 내용

이번 PR에서 작업한 내용을 간략히 설명해주세요

  • 온보딩 화면에서 사용하는 애니메이션을 위해 Lottie 라이브러리 설치했습니다.
  • 새로운 디자인의 온보딩 화면 작업했습니다.
  • 이번에 디자인이 바뀌면서, 앱 설치시 보이는 온보딩 화면홈 화면에서 인포 버튼으로 확인하는 화면이 달라져서 다른 변수로 각각 관리하고 있습니다.
    • 기존에는 온보딩 화면과 홈 화면 인포 화면이 동일해서 같은 변수로 관리했습니다.
    • 온보딩 관련 변수 shouldShowOnboarding
    • 홈 화면 인포 관련 변수 isShowingInformation

  • 홈 화면 인포 화면에서 네이버 맵으로 이동하는 버튼 클릭시,
    • 앱 설치 : 네이버 맵으로 이동
    • 앱 미설치 : 네이버 맵 앱스토어 링크로 이동

스크린샷 (선택)

- 특정 버튼 누르면 네이버 맵 앱으로 이동
- 네이버 맵 미설치인 경우, 앱스토어 링크로 연결
- 홈 화면에서 확인할 수 있는 info 뷰 수정
- 온보딩에 사용되는 변수와 구분하기 위해 변수명 변경(isShowingOnboarding -> isShowingInformation)
- 새로운 온보딩 화면 작업
- 온보딩 관련 변수명 변경 (hasSeenOnboarding -> shouldShowOnboarding)
@dbqls200 dbqls200 self-assigned this Nov 21, 2024
@dbqls200 dbqls200 linked an issue Nov 21, 2024 that may be closed by this pull request
5 tasks

if let description = step.description {
Text(description)
.lineLimit(2)
Copy link
Collaborator

Choose a reason for hiding this comment

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

여기 lineLimit이 사용된 이유는 무엇인가요?

Copy link
Collaborator Author

@dbqls200 dbqls200 Nov 22, 2024

Choose a reason for hiding this comment

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

헉 불필요한 속성이었네요 .. 지우는 게 맞는 것 같습니댜. 수정할게요!

Comment on lines 52 to +59
#Preview {
OnboardingStepView(step: OnboardingStep.onboarding1)
OnboardingStepView(step: OnboardingStep.goNaverMap)
}
#Preview {
OnboardingStepView(step: OnboardingStep.capture)
}
#Preview {
OnboardingStepView(step: OnboardingStep.introFinish)
Copy link
Collaborator

Choose a reason for hiding this comment

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

이거는 그냥 궁금한건데.. preview를 여러개 쓰면 여러개를 돌아가며 볼 수 있나요?

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

이렇게 여러개로 확인 가능합니다 !
온보딩 케이스가 3개인데, 한 화면이 다르게 디자인 되어야 해서 비교하면서 보려고 선언해뒀어요.

image

Copy link
Collaborator

Choose a reason for hiding this comment

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

오! 저도 다음에 써먹어야겠어요

Copy link
Collaborator

@Minkyeong-Choi Minkyeong-Choi left a comment

Choose a reason for hiding this comment

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

수고하셨습니다!

@dbqls200 dbqls200 merged commit 896386e into dev Nov 22, 2024
@dbqls200 dbqls200 deleted the chore/104-update-onboarding branch November 22, 2024 01:58
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

온보딩 디자인 변경
2 participants