[Feat/#50] "회원가입 > 1. 프로필 선택, 2. 닉네임 입력" UI를 구현합니다.

app/build.gradle.kts

@@ -59,6 +59,7 @@ dependencies {
     // Core Libraries
     implementation(libs.androidx.core.ktx)
     implementation(libs.androidx.lifecycle.runtime.ktx)
+    implementation(libs.androidx.lifecycle.runtime.compose.android)
     implementation(libs.androidx.activity.compose)
 
     // Jetpack Compose

app/src/main/java/com/sopt/gongbaek/domain/model/TimeTable.kt

@@ -0,0 +1,7 @@
+package com.sopt.gongbaek.domain.model
+
+data class TimeTable(
+    val weekDay: String,
+    val startTime: Float,
+    val endTime: Float
+)

app/src/main/java/com/sopt/gongbaek/domain/model/UserInfo.kt

@@ -0,0 +1,14 @@
+package com.sopt.gongbaek.domain.model
+
+data class UserInfo(
+    val profileImage: Int?,
+    val nickname: String,
+    val mbti: String,
+    val schoolName: String,
+    val schoolMajor: String,
+    val schoolGrade: Int?,
+    val enterYear: Int?,
+    val introduction: String,
+    val sex: String,
+    val timeTable: TimeTable
+)

app/src/main/java/com/sopt/gongbaek/presentation/model/NavigationRoute.kt

@@ -1,9 +1,19 @@
 package com.sopt.gongbaek.presentation.model
 
 object NavigationRoute {
-    object OnboardingNavGraphRoute {
-        const val ONBOARDING_NAV_GRAPH = "onboarding_route"
-        const val ONBOARDING = "onboarding"
+    object AuthNavGraphRoute {
+        const val AUTH_NAV_GRAPH = "auth_route"
+        const val AUTH = "auth"
+        const val SELECT_PROFILE = "select_profile"
+        const val NICKNAME = "nickname"
+        const val UNIV_MAJOR = "univ_major"
+        const val GRADE = "grade"
+        const val MBTI = "mbti"
+        const val GENDER = "gender"
+        const val SELF_INTRODUCTION = "self_introduction"
+        const val ENTER_TIMETABLE = "enter_timetable"
+        const val GAP_TIMETABLE = "gap_timetable"
+        const val COMPLETE_AUTH = "complete_auth"
     }
 
     object MainBottomNavBarTabRoute {

app/src/main/java/com/sopt/gongbaek/presentation/type/ImageSelectorType.kt

@@ -9,12 +9,12 @@ enum class ImageSelectorType(
 ) {
     Profile(
         imageButtonResIdList = listOf(
-            R.drawable.img_image_button_sample,
-            R.drawable.img_image_button_sample,
-            R.drawable.img_image_button_sample,
-            R.drawable.img_image_button_sample,
-            R.drawable.img_image_button_sample,
-            R.drawable.img_image_button_sample
+            R.drawable.img_profile_0_104,
+            R.drawable.img_profile_1_104,
+            R.drawable.img_profile_2_104,
+            R.drawable.img_profile_3_104,
+            R.drawable.img_profile_4_104,
+            R.drawable.img_profile_5_104
         ),
         chunkedCount = 3
     ),

app/src/main/java/com/sopt/gongbaek/presentation/ui/auth/navigation/AuthNavigator.kt

@@ -0,0 +1,16 @@
+package com.sopt.gongbaek.presentation.ui.auth.navigation
+
+import androidx.navigation.NavController
+import com.sopt.gongbaek.presentation.model.NavigationRoute
+
+fun NavController.navigateAuthRoute() {
+    navigate(route = NavigationRoute.AuthNavGraphRoute.AUTH_NAV_GRAPH)
+}
+
+fun NavController.navigateCompleteAuth() {
+    navigate(route = NavigationRoute.AuthNavGraphRoute.AUTH)
+}
+
+fun NavController.navigateNickname() = navigate(route = NavigationRoute.AuthNavGraphRoute.NICKNAME)
+
+fun NavController.navigateUnivMajor() = navigate(route = NavigationRoute.AuthNavGraphRoute.UNIV_MAJOR)

app/src/main/java/com/sopt/gongbaek/presentation/ui/auth/navigation/authNavGraph.kt

@@ -0,0 +1,46 @@
+package com.sopt.gongbaek.presentation.ui.auth.navigation
+
+import androidx.hilt.navigation.compose.hiltViewModel
+import androidx.navigation.NavGraphBuilder
+import androidx.navigation.NavHostController
+import androidx.navigation.compose.composable
+import androidx.navigation.navigation
+import com.sopt.gongbaek.presentation.model.NavigationRoute
+import com.sopt.gongbaek.presentation.ui.auth.screen.NicknameRoute
+import com.sopt.gongbaek.presentation.ui.auth.screen.AuthViewModel
+import com.sopt.gongbaek.presentation.ui.auth.screen.SelectProfileRoute
+
+fun NavGraphBuilder.authNavGraph(
+    navController: NavHostController
+) {
+    navigation(
+        startDestination = NavigationRoute.AuthNavGraphRoute.SELECT_PROFILE,
+        route = NavigationRoute.AuthNavGraphRoute.AUTH_NAV_GRAPH
+    ) {
+        composable(
+            route = NavigationRoute.AuthNavGraphRoute.SELECT_PROFILE
+        ) {
+            val viewModel: AuthViewModel = hiltViewModel(
+                navController.getBackStackEntry(NavigationRoute.AuthNavGraphRoute.AUTH_NAV_GRAPH)
+            )
+            SelectProfileRoute(
+                viewModel = viewModel,
+                navigateNickname = navController::navigateNickname
+            )
+        }
+
+
+        composable(
+            route = NavigationRoute.AuthNavGraphRoute.NICKNAME
+        ) {
+            val viewModel: AuthViewModel = hiltViewModel(
+                navController.getBackStackEntry(NavigationRoute.AuthNavGraphRoute.AUTH_NAV_GRAPH)
+            )
+            NicknameRoute(
+                viewModel = viewModel,
+                navigateUnivMajor = navController::navigateUnivMajor,
+                naviToBack = navController::popBackStack
+            )
+        }
+    }
+}

app/src/main/java/com/sopt/gongbaek/presentation/ui/auth/screen/AuthContract.kt

@@ -0,0 +1,39 @@
+package com.sopt.gongbaek.presentation.ui.auth.screen
+
+import com.sopt.gongbaek.domain.model.TimeTable
+import com.sopt.gongbaek.domain.model.UserInfo
+import com.sopt.gongbaek.presentation.util.base.UiEvent
+import com.sopt.gongbaek.presentation.util.base.UiSideEffect
+import com.sopt.gongbaek.presentation.util.base.UiState
+
+class AuthContract {
+
+    data class State(
+        val userInfo: UserInfo = UserInfo(
+            profileImage = null,
+            nickname = "",
+            mbti = "",
+            schoolName = "",
+            schoolMajor = "",
+            schoolGrade = null,
+            enterYear = null,
+            introduction = "",
+            sex = "",
+            timeTable = TimeTable(
+                weekDay = "",
+                startTime = 0f,
+                endTime = 0f
+            )
+        )
+    ) : UiState
+
+    sealed class Event : UiEvent {
+        data class OnProfileImageChanged(val profileImage: Int?) : Event()
+        data class OnNicknameChanged(val nickname: String) : Event()
+    }
+
+    sealed interface SideEffect : UiSideEffect {
+        data object NavigateToBack : SideEffect
+        data object NavigateToNickname : SideEffect
+    }
+}

app/src/main/java/com/sopt/gongbaek/presentation/ui/onboarding/screen/OnboardingScreen.kt → app/src/main/java/com/sopt/gongbaek/presentation/ui/auth/screen/AuthScreen.kt

@@ -1,4 +1,4 @@
-package com.sopt.gongbaek.presentation.ui.onboarding.screen
+package com.sopt.gongbaek.presentation.ui.auth.screen
 
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
@@ -17,16 +17,16 @@ import com.sopt.gongbaek.ui.theme.GONGBAEKTheme
 import com.sopt.gongbaek.ui.theme.GongBaekTheme
 
 @Composable
-fun OnboardingRoute(
+fun AuthRoute(
     navigateHome: () -> Unit
 ) {
-    OnboardingScreen(
+    AuthScreen(
         navigateHome = navigateHome
     )
 }
 
 @Composable
-fun OnboardingScreen(
+fun AuthScreen(
     navigateHome: () -> Unit
 ) {
     Box(
@@ -49,9 +49,9 @@ fun OnboardingScreen(
 
 @Preview(showBackground = true)
 @Composable
-private fun OnboardingScreenPreview() {
+private fun PreviewAuthScreen() {
     GONGBAEKTheme {
-        OnboardingScreen(
+        AuthScreen(
             navigateHome = {}
         )
     }

app/src/main/java/com/sopt/gongbaek/presentation/ui/auth/screen/AuthViewModel.kt

@@ -0,0 +1,25 @@
+package com.sopt.gongbaek.presentation.ui.auth.screen
+
+import com.sopt.gongbaek.domain.model.UserInfo
+import com.sopt.gongbaek.presentation.util.base.BaseViewModel
+import dagger.hilt.android.lifecycle.HiltViewModel
+import javax.inject.Inject
+
+@HiltViewModel
+class AuthViewModel @Inject constructor() : BaseViewModel<AuthContract.State, AuthContract.Event, AuthContract.SideEffect>() {
+
+    override fun createInitialState(): AuthContract.State = AuthContract.State()
+
+    override suspend fun handleEvent(event: AuthContract.Event) {
+        when (event) {
+            is AuthContract.Event.OnProfileImageChanged -> updateUserInfo { copy(profileImage = event.profileImage) }
+            is AuthContract.Event.OnNicknameChanged -> updateUserInfo { copy(nickname = event.nickname) }
+        }
+    }
+
+    fun sendSideEffect(sideEffect: AuthContract.SideEffect) =
+        setSideEffect(sideEffect)
+
+    private fun updateUserInfo(update: UserInfo.() -> UserInfo) =
+        setState { copy(userInfo = userInfo.update()) }
+}

app/src/main/java/com/sopt/gongbaek/presentation/ui/onboarding/screen/EnterTimeTableScreen.kt → app/src/main/java/com/sopt/gongbaek/presentation/ui/auth/screen/EnterTimeTableScreen.kt

@@ -1,4 +1,4 @@
-package com.sopt.gongbaek.presentation.ui.onboarding.screen
+package com.sopt.gongbaek.presentation.ui.auth.screen
 
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box

app/src/main/java/com/sopt/gongbaek/presentation/ui/onboarding/screen/GapTimeTableScreen.kt → app/src/main/java/com/sopt/gongbaek/presentation/ui/auth/screen/GapTimeTableScreen.kt

@@ -1,4 +1,4 @@
-package com.sopt.gongbaek.presentation.ui.onboarding.screen
+package com.sopt.gongbaek.presentation.ui.auth.screen
 
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box

app/src/main/java/com/sopt/gongbaek/presentation/ui/onboarding/screen/GenderScreen.kt → app/src/main/java/com/sopt/gongbaek/presentation/ui/auth/screen/GenderScreen.kt

@@ -1,4 +1,4 @@
-package com.sopt.gongbaek.presentation.ui.onboarding.screen
+package com.sopt.gongbaek.presentation.ui.auth.screen
 
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box

app/src/main/java/com/sopt/gongbaek/presentation/ui/onboarding/screen/GradeScreen.kt → app/src/main/java/com/sopt/gongbaek/presentation/ui/auth/screen/GradeScreen.kt

@@ -1,4 +1,4 @@
-package com.sopt.gongbaek.presentation.ui.onboarding.screen
+package com.sopt.gongbaek.presentation.ui.auth.screen
 
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box

app/src/main/java/com/sopt/gongbaek/presentation/ui/onboarding/screen/MajorSearchScreen.kt → app/src/main/java/com/sopt/gongbaek/presentation/ui/auth/screen/MajorSearchScreen.kt

@@ -1,4 +1,4 @@
-package com.sopt.gongbaek.presentation.ui.onboarding.screen
+package com.sopt.gongbaek.presentation.ui.auth.screen
 
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box

app/src/main/java/com/sopt/gongbaek/presentation/ui/onboarding/screen/MbtiScreen.kt → app/src/main/java/com/sopt/gongbaek/presentation/ui/auth/screen/MbtiScreen.kt

@@ -1,4 +1,4 @@
-package com.sopt.gongbaek.presentation.ui.onboarding.screen
+package com.sopt.gongbaek.presentation.ui.auth.screen
 
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box