🔥맡은 역할

• 프로젝트 설계
• 온보딩
• 오늘의아티클
• 디자인시스템

온보딩 뷰

온보딩플로우에서 중요했던 부분이 유저에게 온보딩 과정이 어느정도 진행되었는지를 알려주는 progressview와 onboardingView들이 push되는 과정에서도 위치가 변하지않는 button을 통해 유저에게 온보딩이 하나의 플로우라는걸 인식시켜주는 부분이 매우 중요한 과제였습니다

전체적인 로직

enum을 활용한 paging logic

• 온보딩 페이지는 총 두가지 케이스를 가지고 있습니다

1. 임신주차정보를 유저에게 입력받는 페이지
2. 태명을 유저에게 입력받는 페이지

• 하지만 온보딩 플로우는 총 네가지 케이스의 흐름을 가지고 있습니다

1. 로그인페이지
2. 임신주차페이지
3. 태명페이지
4. 온보딩 완료 페이지

즉, 임신주차를 유저에게 입력받는 페이지에서는 앞으로 가면 태명페이지 뒤로가면 로그인페이지를 present해야하고 태명을 유저에게 입력받는 페이지는 앞으로가면 온보딩완료페이지 뒤로가면 임신주차페이지를 present해야합니다

enum OnboardingPageType: Int, CaseIterable {
    case getPregnancy = 0
    case getFetalNickname = 1
}

enum OnbardingFlowType: Int {
    case toGetPregnacny
    case toFetalNickname
    case toLogin
    case toCompleteOnboarding
}

extension OnboardingPageType {
    var forward: OnbardingFlowType {
        switch self {
        case .getPregnancy:
            return .toFetalNickname
        case .getFetalNickname:
            return .toCompleteOnboarding
        }
    }

    var back: OnbardingFlowType {
        switch self {
        case .getPregnancy:
            return .toLogin
        case .getFetalNickname:
            return .toGetPregnacny
        }
    }
}