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

[#42] 온보딩 화면 작업 #44

Merged
merged 5 commits into from
Nov 3, 2024
Merged

[#42] 온보딩 화면 작업 #44

merged 5 commits into from
Nov 3, 2024

Conversation

dbqls200
Copy link
Collaborator

@dbqls200 dbqls200 commented Nov 1, 2024

📝 작업 내용

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

  • 앱 설치 이후 첫 진입 여부를 판단하여 온보딩 화면을 띄우는 기능을 구현했습니다.

  • 첫 진입 이후에는 온보딩 화면이 자동으로 나타나지 않도록 설정했습니다.

    • 첫 진입 여부를 판단하는 변수UserDefaults에 저장하여 관리하고 있습니다.
  • 홈 화면에 위치한 인포메이션 버튼을 통해 사용자가 언제든지 온보딩 화면을 다시 확인할 수 있도록 했습니다.

  • 앱 전반에 걸쳐 사용되는 Button Component를 만들었습니다.

스크린샷

💬 리뷰 요구사항 (선택)

리뷰어가 특별히 봐주었으면 하는 부분이 있다면 작성해주세요

  • Text.background로 도형을 주기로 했는데, 버튼 컴포넌트 만들 때 기기에 맞게 width를 조절하기에는 Rectangle.overlayText를 주는 방식에 더 적절한 것 같아서 이렇게 진행했습니다 !!
// 원래 하려던 방식
Text("text")
    .background {
        Rectangle()
    }

// 버튼 컴포넌트에 적용한 방식
Rectangle()
    .overlay {
        Text("text")
    }
  • 현재 color asset과 pretendard가 없는 관계로, 색상과 서체 설정이 되어 있지 않습니다. 추후 추가 작업할 예정입니다.
  • TabView로 구현해두어서, 현재는 swipe 제스처로도 다음 페이지로 넘어갈 수 있습니다. 디자인팀에게 문의한 후에 그대로 둘지, 혹은 제스처를 막을지 결정하도록 할게요!

- 온보딩 화면에 사용되는 image asset 추가
- 온보딩 화면에 사용되는 데이터를 enum으로 관리
…action

- 앱 전반에 사용되는 버튼 컴포넌트 생성
- 온보딩 화면 작업
- 앱 설치 이후 첫 진입인지 판단해서 온보딩 화면 띄움
- 첫 진입인지 판단하는 데이터는 UserDefault에 저장
@dbqls200 dbqls200 self-assigned this Nov 1, 2024
@dbqls200 dbqls200 linked an issue Nov 1, 2024 that may be closed by this pull request
7 tasks
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.

수고하셨습니다!

Button {
isShowingOnboarding = true
} label: {
Image(systemName: "exclamationmark.circle")
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 Author

Choose a reason for hiding this comment

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

네! 테스트 용도입니다 !
나중에 위치 다시 잡도록 할게요 🐟

Copy link
Collaborator

Choose a reason for hiding this comment

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

넵!

@dbqls200 dbqls200 merged commit 7f8d5aa into dev Nov 3, 2024
@dbqls200 dbqls200 deleted the chore/42-onboarding branch November 3, 2024 10:52
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.

Onboarding 화면 작업
2 participants