프로필 설정 화면 구현

app/build.gradle.kts

@@ -35,6 +35,7 @@ dependencies {
     implementation(projects.domain)
     implementation(projects.feature.login)
     implementation(projects.feature.main)
+    implementation(projects.feature.onboarding)
 
     // Firebase
     implementation(platform(libs.google.firebase.bom))

app/src/main/java/com/yapp/twix/di/FeatureModules.kt

@@ -3,11 +3,13 @@ package com.yapp.twix.di
 import com.twix.home.di.homeModule
 import com.twix.login.di.loginModule
 import com.twix.main.di.mainModule
+import com.twix.onboarding.di.onBoardingModule
 import org.koin.core.module.Module
 
 val featureModules: List<Module> =
     listOf(
         loginModule,
         mainModule,
         homeModule,
+        onBoardingModule,
     )

app/src/main/java/com/yapp/twix/main/MainActivity.kt

@@ -5,6 +5,7 @@ import androidx.activity.ComponentActivity
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.imePadding
 import androidx.compose.foundation.layout.safeContentPadding
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
@@ -34,7 +35,8 @@ class MainActivity : ComponentActivity() {
                         toastManager = toastManager,
                         modifier =
                             Modifier
-                                .align(Alignment.BottomCenter),
+                                .align(Alignment.BottomCenter)
+                                .imePadding(),
                     )
                 }
             }

core/design-system/src/main/java/com/twix/designsystem/components/button/AppButton.kt

@@ -0,0 +1,49 @@
+package com.twix.designsystem.components.button
+
+import androidx.compose.foundation.BorderStroke
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material3.Surface
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.unit.Dp
+import androidx.compose.ui.unit.dp
+import com.twix.designsystem.components.text.AppText
+import com.twix.designsystem.theme.CommonColor
+import com.twix.designsystem.theme.GrayColor
+import com.twix.domain.model.enums.AppTextStyle
+
+@Composable
+fun AppButton(
+    modifier: Modifier = Modifier,
+    text: String,
+    textColor: Color = CommonColor.White,
+    backgroundColor: Color = GrayColor.C500,
+    enabled: Boolean = true,
+    cornerRadius: Dp = 12.dp,
+    border: BorderStroke? = null,
+    onClick: () -> Unit = {},
+) {
+    Surface(
+        color = backgroundColor,
+        shape = RoundedCornerShape(cornerRadius),
+        border = border,
+        onClick = onClick,
+        enabled = enabled,
+        modifier = modifier,
+    ) {
+        AppText(
+            text = text,
+            color = textColor,
+            style = AppTextStyle.T2,
+            textAlign = TextAlign.Center,
+            modifier =
+                Modifier
+                    .fillMaxWidth()
+                    .padding(vertical = 14.dp),
+        )
+    }
+}

core/design-system/src/main/res/drawable/ic_arrow1_m_left.xml

@@ -0,0 +1,13 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:strokeWidth="1"
+      android:pathData="M14.5,17.023L9.5,12.023L14.5,7.023"
+      android:strokeLineJoin="round"
+      android:fillColor="#00000000"
+      android:strokeColor="#171717"
+      android:strokeLineCap="round"/>
+</vector>

core/design-system/src/main/res/drawable/ic_check_success.xml

@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="16dp"
+    android:height="16dp"
+    android:viewportWidth="16"
+    android:viewportHeight="16">
+  <path
+      android:pathData="M7.02,9.26L5.515,7.755C5.387,7.627 5.223,7.563 5.025,7.563C4.827,7.563 4.663,7.627 4.535,7.755C4.407,7.883 4.343,8.047 4.343,8.245C4.343,8.443 4.407,8.607 4.535,8.735L6.53,10.73C6.67,10.87 6.833,10.94 7.02,10.94C7.207,10.94 7.37,10.87 7.51,10.73L11.465,6.775C11.593,6.647 11.658,6.483 11.658,6.285C11.658,6.087 11.593,5.923 11.465,5.795C11.337,5.667 11.173,5.602 10.975,5.602C10.777,5.602 10.613,5.667 10.485,5.795L7.02,9.26ZM8,15C7.032,15 6.122,14.816 5.27,14.449C4.418,14.081 3.678,13.583 3.047,12.953C2.418,12.323 1.919,11.582 1.551,10.73C1.184,9.878 1,8.968 1,8C1,7.032 1.184,6.122 1.551,5.27C1.919,4.418 2.418,3.678 3.047,3.047C3.678,2.418 4.418,1.919 5.27,1.551C6.122,1.184 7.032,1 8,1C8.968,1 9.878,1.184 10.73,1.551C11.582,1.919 12.323,2.418 12.953,3.047C13.583,3.678 14.081,4.418 14.449,5.27C14.816,6.122 15,7.032 15,8C15,8.968 14.816,9.878 14.449,10.73C14.081,11.582 13.583,12.323 12.953,12.953C12.323,13.583 11.582,14.081 10.73,14.449C9.878,14.816 8.968,15 8,15Z"
+      android:fillColor="#1ED45A"/>
+</vector>

core/design-system/src/main/res/values/strings.xml

@@ -18,4 +18,4 @@
     <string name="home_today_goal">오늘 우리 목표</string>
     <string name="home_empty_goal_guide">첫 목표를 세워볼까요?</string>
 
-</resources>
+</resources>

core/navigation/src/main/java/com/twix/navigation/NavRoutes.kt

@@ -23,4 +23,17 @@ sealed class NavRoutes(
     object MainGraph : NavRoutes("main_graph")
 
     object MainRoute : NavRoutes("main")
+
+    /**
+     * OnboardingGraph
+     * */
+    object OnboardingGraph : NavRoutes("onboarding_graph")
+
+    object OnboardingRoute : NavRoutes("onboarding")
+
+    object CoupleConnectionRoute : NavRoutes("couple_connect")
+
+    object ProfileRoute : NavRoutes("profile")
+
+    object DdayRoute : NavRoutes("dday")
 }

domain/src/main/java/com/twix/domain/model/nickname/NickName.kt

@@ -0,0 +1,19 @@
+package com.twix.domain.model.nickname
+
+@JvmInline
+value class NickName private constructor(
+    val value: String,
+) {
+    companion object {
+        fun create(value: String): Result<NickName> =
+            runCatching {
+                require(value.length in MIN_LENGTH..MAX_LENGTH) {
+                    NickNameException.InvalidLengthException
+                }
+                NickName(value)
+            }
+
+        private const val MIN_LENGTH = 2
+        private const val MAX_LENGTH = 8
+    }
+}

domain/src/main/java/com/twix/domain/model/nickname/NickNameException.kt

@@ -0,0 +1,5 @@
+package com.twix.domain.model.nickname
+
+sealed class NickNameException : Throwable() {
+    data object InvalidLengthException : NickNameException()
+}

feature/onboarding/.gitignore

@@ -0,0 +1 @@
+/build

feature/onboarding/build.gradle.kts

@@ -0,0 +1,7 @@
+plugins {
+    alias(libs.plugins.twix.feature)
+}
+
+android {
+    namespace = "com.twix.onboarding"
+}

feature/onboarding/proguard-rules.pro

@@ -0,0 +1,21 @@
+# Add project specific ProGuard rules here.
+# You can control the set of applied configuration files using the
+# proguardFiles setting in build.gradle.
+#
+# For more details, see
+#   http://developer.android.com/guide/developing/tools/proguard.html
+
+# If your project uses WebView with JS, uncomment the following
+# and specify the fully qualified class name to the JavaScript interface
+# class:
+#-keepclassmembers class fqcn.of.javascript.interface.for.webview {
+#   public *;
+#}
+
+# Uncomment this to preserve the line number information for
+# debugging stack traces.
+#-keepattributes SourceFile,LineNumberTable
+
+# If you keep the line number information, uncomment this to
+# hide the original source file name.
+#-renamesourcefileattribute SourceFile

feature/onboarding/src/main/AndroidManifest.xml

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+
+</manifest>

feature/onboarding/src/main/java/com/twix/onboarding/couple/CoupleConnectRoute.kt

@@ -0,0 +1,27 @@
+package com.twix.onboarding.couple
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.material3.Button
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+
+@Composable
+fun CoupleConnectRoute(onNext: () -> Unit) {
+    Column(
+        modifier = Modifier.fillMaxSize(),
+        verticalArrangement = Arrangement.Center,
+        horizontalAlignment = Alignment.CenterHorizontally,
+    ) {
+        Text("커플 등록 등록 화면")
+
+        Button(
+            onClick = { onNext() },
+        ) {
+            Text("다음")
+        }
+    }
+}

feature/onboarding/src/main/java/com/twix/onboarding/dday/DdayRouete.kt

@@ -0,0 +1,36 @@
+package com.twix.onboarding.dday
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.material3.Button
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+
+@Composable
+fun DdayRouete(
+    onComplete: () -> Unit,
+    onBack: () -> Unit,
+) {
+    Column(
+        modifier = Modifier.fillMaxSize(),
+        verticalArrangement = Arrangement.Center,
+        horizontalAlignment = Alignment.CenterHorizontally,
+    ) {
+        Text("디데이 등록 화면")
+
+        Button(
+            onClick = { onBack() },
+        ) {
+            Text("뒤로")
+        }
+
+        Button(
+            onClick = { onComplete() },
+        ) {
+            Text("다음")
+        }
+    }
+}

feature/onboarding/src/main/java/com/twix/onboarding/di/OnBoardingModule.kt

@@ -0,0 +1,15 @@
+package com.twix.onboarding.di
+
+import com.twix.navigation.NavRoutes
+import com.twix.navigation.base.NavGraphContributor
+import com.twix.onboarding.navigation.OnboardingNavGraph
+import com.twix.onboarding.vm.OnBoardingViewModel
+import org.koin.core.module.dsl.viewModelOf
+import org.koin.core.qualifier.named
+import org.koin.dsl.module
+
+val onBoardingModule =
+    module {
+        viewModelOf(::OnBoardingViewModel)
+        single<NavGraphContributor>(named(NavRoutes.OnboardingRoute.route)) { OnboardingNavGraph }
+    }

feature/onboarding/src/main/java/com/twix/onboarding/model/OnBoardingIntent.kt

@@ -0,0 +1,11 @@
+package com.twix.onboarding.model
+
+import com.twix.ui.base.Intent
+
+sealed interface OnBoardingIntent : Intent {
+    data class WriteNickName(
+        val value: String,
+    ) : OnBoardingIntent
+
+    data object SubmitNickName : OnBoardingIntent
+}

feature/onboarding/src/main/java/com/twix/onboarding/model/OnBoardingSideEffect.kt

@@ -0,0 +1,15 @@
+package com.twix.onboarding.model
+
+import com.twix.ui.base.SideEffect
+
+sealed interface OnBoardingSideEffect : SideEffect {
+    sealed interface ProfileSetting : OnBoardingSideEffect {
+        data object ShowInvalidNickNameToast : ProfileSetting
+
+        data object NavigateToNext : ProfileSetting
+    }
+
+    sealed interface CoupleConnection : OnBoardingSideEffect
+
+    sealed interface DDaySetting : OnBoardingSideEffect
+}

feature/onboarding/src/main/java/com/twix/onboarding/model/OnBoardingUiState.kt

@@ -0,0 +1,15 @@
+package com.twix.onboarding.model
+
+import androidx.compose.runtime.Immutable
+import com.twix.onboarding.profile.ProfileUiModel
+import com.twix.ui.base.State
+
+@Immutable
+data class OnBoardingUiState(
+    val profile: ProfileUiModel = ProfileUiModel(),
+) : State {
+    val isValidNickName: Boolean
+        get() = profile.isValid
+
+    fun updateNickName(value: String) = copy(profile = profile.updateNickname(value))
+}

feature/onboarding/src/main/java/com/twix/onboarding/navigation/OnboardingNavGraph.kt

@@ -0,0 +1,50 @@
+package com.twix.onboarding.navigation
+
+import androidx.navigation.NavGraphBuilder
+import androidx.navigation.NavHostController
+import androidx.navigation.compose.composable
+import androidx.navigation.navigation
+import com.twix.navigation.NavRoutes
+import com.twix.navigation.base.NavGraphContributor
+import com.twix.onboarding.couple.CoupleConnectRoute
+import com.twix.onboarding.dday.DdayRouete
+import com.twix.onboarding.profile.ProfileRoute
+
+object OnboardingNavGraph : NavGraphContributor {
+    override val graphRoute: NavRoutes
+        get() = NavRoutes.OnboardingGraph
+
+    override val startDestination: String
+        get() = NavRoutes.CoupleConnectionRoute.route
+
+    override val priority: Int = 2
+
+    override fun NavGraphBuilder.registerGraph(navController: NavHostController) {
+        navigation(
+            route = graphRoute.route,
+            startDestination = startDestination,
+        ) {
+            composable(NavRoutes.CoupleConnectionRoute.route) {
+                CoupleConnectRoute(
+                    onNext = { navController.navigate(NavRoutes.ProfileRoute.route) },
+                )
+            }
+            composable(NavRoutes.ProfileRoute.route) {
+                ProfileRoute(
+                    onNext = { navController.navigate(NavRoutes.DdayRoute.route) },
+                )
+            }
+            composable(NavRoutes.DdayRoute.route) {
+                DdayRouete(
+                    onComplete = {
+                        navController.navigate(NavRoutes.MainGraph.route) {
+                            popUpTo(graphRoute.route) { inclusive = true }
+                            launchSingleTop = true
+                        }
+                    },
+                    onBack = { navController.popBackStack() },
+                )
+            }
+        }
+    }
+}