🔀 :: (#810) 홈 화면 구현

app/build.gradle.kts

@@ -35,6 +35,10 @@ android {
             applicationIdSuffix = ".dev"
             versionNameSuffix = "-dev"
             buildConfigField("String", "ENVIRONMENT", "\"dev\"")
+
+            compileOptions {
+                isCoreLibraryDesugaringEnabled = true
+            }
         }
 
         create("prod") {
@@ -140,6 +144,7 @@ dependencies {
     implementation(libs.material)
 
     implementation(libs.javax.inject)
+    coreLibraryDesugaring(libs.desugar.jdk.libs)
 
     implementation(libs.okhttp)
     implementation(libs.okhttp.interceptor.logging)

app/src/dev/AndroidManifest.xml

@@ -2,6 +2,12 @@
 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:tools="http://schemas.android.com/tools">
 
+    <uses-permission android:name="android.permission.INTERNET" />
+    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
+    <uses-permission android:name="android.permission.CAMERA" />
+    <uses-permission android:name="android.permission.VIBRATE" />
+    <uses-permission android:name="android.permission.POST_NOTIFICATIONS" />
+
     <application
         android:name="team.aliens.dms.android.app.DevApplication"
         tools:replace="android:name">
@@ -24,5 +30,19 @@
                 <category android:name="android.intent.category.LAUNCHER" />
             </intent-filter>
         </activity>
+
+        <service android:name=".android.app.service.DmsMessagingService"
+            android:exported="true">
+            <intent-filter>
+                <action android:name="com.google.firebase.MESSAGING_EVENT" />
+            </intent-filter>
+        </service>
+
+        <meta-data
+            android:name="com.google.firebase.messaging.default_notification_channel_id"
+            android:value="@string/default_notification_channel_id" />
+        <meta-data
+            android:name="com.google.firebase.messaging.default_notification_color"
+            android:resource="@color/primary" />
     </application>
 </manifest>

app/src/dev/kotlin/team/aliens/dms/android/app/BottomMenu.kt

@@ -0,0 +1,36 @@
+package team.aliens.dms.android.app
+
+import androidx.annotation.DrawableRes
+import androidx.navigation3.runtime.NavKey
+import team.aliens.dms.android.core.designsystem.foundation.DmsIcon
+import team.aliens.dms.android.feature.main.application.navigation.ApplicationRoute
+import team.aliens.dms.android.feature.main.home.navigation.HomeRoute
+import team.aliens.dms.android.feature.main.mypage.navigation.MyPageRoute
+
+sealed class BottomMenu(
+    val route: NavKey,
+    @DrawableRes val icon: Int,
+    @DrawableRes val selectedIcon: Int,
+    val title: String,
+) {
+    data object Home : BottomMenu(
+        route = HomeScreenNav,
+        icon = DmsIcon.Home,
+        selectedIcon = DmsIcon.HomeFill,
+        title = "홈",
+    )
+
+    data object Application : BottomMenu(
+        route = ApplicationScreenNav,
+        icon = DmsIcon.CheckCircle,
+        selectedIcon = DmsIcon.CheckCircleFill,
+        title = "신청",
+    )
+
+    data object MyPage : BottomMenu(
+        route = MyPageScreenNav,
+        icon = DmsIcon.MyPage,
+        selectedIcon = DmsIcon.MyPageFill,
+        title = "마이페이지",
+    )
+}

app/src/dev/kotlin/team/aliens/dms/android/app/BottomNavigationBar.kt

@@ -0,0 +1,84 @@
+package team.aliens.dms.android.app
+
+import androidx.compose.animation.animateColorAsState
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material3.BottomAppBar
+import androidx.compose.material3.Icon
+import androidx.compose.material3.NavigationBarItem
+import androidx.compose.material3.NavigationBarItemColors
+import androidx.compose.material3.NavigationBarItemDefaults
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.unit.dp
+import androidx.navigation3.runtime.NavKey
+import team.aliens.dms.android.core.designsystem.DmsTheme
+import team.aliens.dms.android.core.designsystem.labelB
+
+private val bottomMenus = listOf(
+    BottomMenu.Home,
+    BottomMenu.Application,
+    BottomMenu.MyPage,
+)
+
+@Composable
+fun BottomNavigationBar(
+    currentScreen: NavKey?,
+    onNavigate: (NavKey) -> Unit,
+) {
+
+    BottomAppBar(
+        modifier = Modifier
+            .fillMaxWidth()
+            .clip(RoundedCornerShape(topStart = 32.dp, topEnd = 32.dp)),
+        containerColor = DmsTheme.colorScheme.surfaceTint,
+    ) {
+        bottomMenus.forEach { destination ->
+            val selected = currentScreen == destination.route
+            val color by animateColorAsState(
+                targetValue = if (selected) {
+                    DmsTheme.colorScheme.inverseOnSurface
+                } else {
+                    DmsTheme.colorScheme.scrim
+                },
+            )
+
+            NavigationBarItem(
+                selected = selected,
+                enabled = !selected,
+                onClick = {
+                    onNavigate(destination.route)
+                },
+                colors = NavigationBarItemDefaults.colors(
+                    indicatorColor = Color.Transparent,
+                ),
+                icon = {
+                    Column(
+                        horizontalAlignment = Alignment.CenterHorizontally,
+                    ) {
+                        Icon(
+                            modifier = Modifier.size(32.dp),
+                            painter = painterResource(id = if (selected) destination.selectedIcon else destination.icon),
+                            contentDescription = destination.title,
+                            tint = color,
+                        )
+                        Text(
+                            text = destination.title,
+                            style = DmsTheme.typography.labelB,
+                            color = color,
+                        )
+                    }
+                },
+            )
+        }
+    }
+}

app/src/dev/kotlin/team/aliens/dms/android/app/DmsApp.kt

@@ -1,30 +1,31 @@
 package team.aliens.dms.android.app
 
-import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.navigationBarsPadding
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.statusBarsPadding
 import androidx.compose.foundation.layout.systemBarsPadding
+import androidx.compose.material3.Scaffold
 import androidx.compose.material3.SnackbarHost
-import androidx.compose.material3.Text
 import androidx.compose.material3.windowsizeclass.WindowSizeClass
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.LaunchedEffect
 import androidx.compose.runtime.collectAsState
 import androidx.compose.runtime.getValue
-import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.unit.dp
-import androidx.compose.ui.zIndex
 import androidx.navigation3.runtime.NavKey
 import androidx.navigation3.runtime.entryProvider
 import androidx.navigation3.runtime.rememberNavBackStack
 import androidx.navigation3.ui.NavDisplay
 import kotlinx.coroutines.flow.StateFlow
 import kotlinx.serialization.Serializable
-import team.aliens.dms.android.core.designsystem.DmsTheme
 import team.aliens.dms.android.core.designsystem.snackbar.DmsSnackBar
 import team.aliens.dms.android.core.designsystem.snackbar.DmsSnackBarVisuals
+import team.aliens.dms.android.feature.main.application.navigation.ApplicationRoute
+import team.aliens.dms.android.feature.main.home.navigation.HomeRoute
+import team.aliens.dms.android.feature.main.mypage.navigation.MyPageRoute
+import team.aliens.dms.android.feature.meal.navigation.MealRoute
 import team.aliens.dms.android.feature.onboarding.navigation.OnboardingRoute
 import team.aliens.dms.android.feature.signin.navigation.SignInRoute
 
@@ -35,7 +36,16 @@ data object OnboardingScreenNav : NavKey
 data object SignInScreenNav : NavKey
 
 @Serializable
-data object MainScreenNav : NavKey
+data object HomeScreenNav : NavKey
+
+@Serializable
+data object MealScreenNav : NavKey
+
+@Serializable
+data object ApplicationScreenNav : NavKey
+
+@Serializable
+data object MyPageScreenNav : NavKey
 
 @Composable
 fun DmsApp(
@@ -48,11 +58,16 @@ fun DmsApp(
     val isJwtAvailableState by isJwtAvailable.collectAsState()
 
     val backStack = rememberNavBackStack(OnboardingScreenNav)
+    val currentScreen = backStack.lastOrNull()
+    val shouldShowBottomBar = currentScreen in listOf(
+        SignInScreenNav,
+        OnboardingScreenNav,
+    )
 
     LaunchedEffect(isOnboardingCompleted, isJwtAvailableState) {
         val initialScreen = when {
             !isOnboardingCompleted -> OnboardingScreenNav
-            isJwtAvailableState -> MainScreenNav
+            isJwtAvailableState -> HomeScreenNav
             else -> SignInScreenNav
         }
 
@@ -62,11 +77,31 @@ fun DmsApp(
         }
     }
 
-    Box(
-        modifier = Modifier.fillMaxWidth(),
-    ) {
+    Scaffold(
+        modifier = Modifier
+            .fillMaxWidth(),
+        bottomBar = {
+            if (!shouldShowBottomBar) {
+                BottomNavigationBar(
+                    currentScreen = currentScreen,
+                    onNavigate = { destination ->
+                        if (currentScreen != destination) {
+                            backStack.removeAll {
+                                it is HomeScreenNav ||
+                                it is ApplicationScreenNav ||
+                                it is MyPageScreenNav
+                            }
+                            backStack.add(destination)
+                        }
+                    }
+                )
+            }
+        }
+    ) { _ ->
         NavDisplay(
-            modifier = Modifier.systemBarsPadding(),
+            modifier = Modifier
+                .navigationBarsPadding()
+                .systemBarsPadding(),
             backStack = backStack,
             onBack = { backStack.removeLastOrNull() },
             entryProvider = entryProvider {
@@ -80,27 +115,40 @@ fun DmsApp(
                 }
                 entry<SignInScreenNav> {
                     SignInRoute(
-                        navigateToMain = { backStack.add(MainScreenNav) },
+                        navigateToMain = {
+                            backStack.clear()
+                            backStack.add(HomeScreenNav)
+                        },
                         navigateToSignUp = {},
                         onShowSnackBar = { snackBarType, message ->
                             appState.showSnackBar(snackBarType, message)
                         },
                     )
                 }
-                entry<MainScreenNav> {
-                    Text(
-                        text = "Main Screen (TODO)",
-                        color = DmsTheme.colorScheme.onSurface,
+                entry<HomeScreenNav> {
+                    HomeRoute(
+                        onNavigateMeal = {
+                            backStack.add(MealScreenNav)
+                        }
+                    )
+                }
+                entry<ApplicationScreenNav> {
+                    ApplicationRoute()
+                }
+                entry<MyPageScreenNav> {
+                    MyPageRoute()
+                }
+                entry<MealScreenNav> {
+                    MealRoute(
+                        onNavigateBack = { backStack.removeLast() }
                     )
                 }
             },
         )
         SnackbarHost(
             modifier = Modifier
-                .align(Alignment.TopCenter)
                 .statusBarsPadding()
-                .padding(top = 16.dp)
-                .zIndex(2f),
+                .padding(top = 16.dp),
             hostState = appState.snackBarHostState,
             snackbar = {
                 val visuals = it.visuals as? DmsSnackBarVisuals ?: return@SnackbarHost

app/src/dev/kotlin/team/aliens/dms/android/app/di/app/AppConfigModule.kt

@@ -4,7 +4,7 @@ import dagger.Module
 import dagger.Provides
 import dagger.hilt.InstallIn
 import dagger.hilt.components.SingletonComponent
-import org.threeten.bp.ZoneOffset
+import java.time.ZoneOffset
 import javax.inject.Singleton
 
 @Module

app/src/prod/kotlin/team/aliens/dms/android/app/di/app/AppConfigModule.kt

@@ -4,7 +4,7 @@ import dagger.Module
 import dagger.Provides
 import dagger.hilt.InstallIn
 import dagger.hilt.components.SingletonComponent
-import org.threeten.bp.ZoneOffset
+import java.time.ZoneOffset
 import javax.inject.Singleton
 
 @Module

core/database/src/main/java/team/aliens/dms/android/core/database/converter/DateTypeConverter.kt

@@ -2,9 +2,9 @@ package team.aliens.dms.android.core.database.converter
 
 import androidx.room.ProvidedTypeConverter
 import androidx.room.TypeConverter
-import org.threeten.bp.LocalDate
-import org.threeten.bp.LocalDateTime
-import org.threeten.bp.ZoneOffset
+import java.time.LocalDate
+import java.time.LocalDateTime
+import java.time.ZoneOffset
 import team.aliens.dms.android.shared.date.toLocalDate
 import team.aliens.dms.android.shared.date.toLocalDateTime
 import javax.inject.Inject

core/database/src/main/java/team/aliens/dms/android/core/database/dao/MealDao.kt

@@ -4,7 +4,7 @@ import androidx.room.Dao
 import androidx.room.Insert
 import androidx.room.OnConflictStrategy
 import androidx.room.Query
-import org.threeten.bp.LocalDate
+import java.time.LocalDate
 import team.aliens.dms.android.core.database.entity.MealEntity
 
 @Dao

core/database/src/main/java/team/aliens/dms/android/core/database/di/DatabaseModule.kt

@@ -8,7 +8,7 @@ import dagger.Provides
 import dagger.hilt.InstallIn
 import dagger.hilt.android.qualifiers.ApplicationContext
 import dagger.hilt.components.SingletonComponent
-import org.threeten.bp.ZoneOffset
+import java.time.ZoneOffset
 import team.aliens.dms.android.core.database.DmsDatabase
 import team.aliens.dms.android.core.database.converter.DateTypeConverter
 import team.aliens.dms.android.core.database.converter.StringListTypeConverter

core/database/src/main/java/team/aliens/dms/android/core/database/entity/MealEntity.kt

@@ -3,7 +3,7 @@ package team.aliens.dms.android.core.database.entity
 import androidx.room.ColumnInfo
 import androidx.room.Entity
 import androidx.room.PrimaryKey
-import org.threeten.bp.LocalDate
+import java.time.LocalDate
 
 @Entity(tableName = "tbl_meals")
 data class MealEntity(

core/database/src/main/java/team/aliens/dms/android/core/database/entity/NoticeEntity.kt

@@ -3,7 +3,7 @@ package team.aliens.dms.android.core.database.entity
 import androidx.room.ColumnInfo
 import androidx.room.Entity
 import androidx.room.PrimaryKey
-import org.threeten.bp.LocalDateTime
+import java.time.LocalDateTime
 import java.util.UUID
 
 @Entity(tableName = "tbl_notices")