diff --git a/app/src/main/java/com/threegap/bitnagil/MainNavHost.kt b/app/src/main/java/com/threegap/bitnagil/MainNavHost.kt
index 79ac64fd..e06ad28c 100644
--- a/app/src/main/java/com/threegap/bitnagil/MainNavHost.kt
+++ b/app/src/main/java/com/threegap/bitnagil/MainNavHost.kt
@@ -5,12 +5,16 @@ import androidx.compose.ui.Modifier
 import androidx.navigation.compose.NavHost
 import androidx.navigation.compose.composable
 import androidx.navigation.toRoute
-import com.threegap.bitnagil.presentation.home.HomeScreenContainer
+import com.threegap.bitnagil.navigation.home.HomeNavHost
+import com.threegap.bitnagil.presentation.emotion.EmotionScreenContainer
 import com.threegap.bitnagil.presentation.intro.IntroScreenContainer
 import com.threegap.bitnagil.presentation.login.LoginScreenContainer
+import com.threegap.bitnagil.presentation.onboarding.OnBoardingScreenContainer
+import com.threegap.bitnagil.presentation.setting.SettingScreenContainer
 import com.threegap.bitnagil.presentation.splash.SplashScreenContainer
 import com.threegap.bitnagil.presentation.terms.TermsAgreementScreenContainer
 import com.threegap.bitnagil.presentation.webview.BitnagilWebViewScreen
+import com.threegap.bitnagil.presentation.writeroutine.WriteRoutineScreenContainer
 
 @Composable
 fun MainNavHost(
@@ -25,7 +29,13 @@ fun MainNavHost(
         composable<Route.Splash> {
             SplashScreenContainer(
                 navigateToIntro = { navigator.navController.navigate(Route.Intro) },
-                navigateToHome = { navigator.navController.navigate(Route.Home) },
+                navigateToHome = {
+                    navigator.navController.navigate(Route.Home) {
+                        popUpTo(navigator.navController.graph.startDestinationId) {
+                            inclusive = true
+                        }
+                    }
+                },
             )
         }
 
@@ -37,7 +47,13 @@ fun MainNavHost(
 
         composable<Route.Login> {
             LoginScreenContainer(
-                navigateToHome = { navigator.navController.navigate(Route.Home) },
+                navigateToHome = {
+                    navigator.navController.navigate(Route.Home) {
+                        popUpTo(navigator.navController.graph.startDestinationId) {
+                            inclusive = true
+                        }
+                    }
+                },
                 navigateToTermsAgreement = { navigator.navController.navigate(Route.TermsAgreement) },
             )
         }
@@ -60,13 +76,35 @@ fun MainNavHost(
                         ),
                     )
                 },
-                navigateToOnBoarding = { },
+                navigateToOnBoarding = {
+                    navigator.navController.navigate(Route.OnBoarding)
+                },
                 navigateToBack = { navigator.navController.popBackStack() },
             )
         }
 
         composable<Route.Home> {
-            HomeScreenContainer()
+            HomeNavHost(
+                navigateToSetting = {
+                    navigator.navController.navigate(Route.Setting)
+                },
+                navigateToOnBoarding = {
+                    navigator.navController.navigate(Route.OnBoarding)
+                },
+                navigateToNotice = {
+                },
+                navigateToQnA = {
+                },
+                navigateToRegisterRoutine = { routineId ->
+                    navigator.navController.navigate(Route.WriteRoutine(routineId = routineId))
+                },
+                navigateToEditRoutine = { routineId ->
+                    navigator.navController.navigate(Route.WriteRoutine(routineId = routineId, isRegister = false))
+                },
+                navigateToEmotion = {
+                    navigator.navController.navigate(Route.Emotion)
+                },
+            )
         }
 
         composable<Route.WebView> {
@@ -77,5 +115,67 @@ fun MainNavHost(
                 onBackClick = { navigator.navController.popBackStack() },
             )
         }
+
+        composable<Route.Setting> {
+            SettingScreenContainer(
+                navigateToBack = {
+                    navigator.navController.popBackStack()
+                },
+                navigateToTermsOfService = {
+                    navigator.navController.navigate(
+                        Route.WebView(
+                            title = "약관 동의",
+                            url = "https://complex-wombat-99f.notion.site/2025-7-20-236f4587491d8071833adfaf8115bce2",
+                        ),
+                    )
+                },
+                navigateToPrivacyPolicy = {
+                    navigator.navController.navigate(
+                        Route.WebView(
+                            title = "약관 동의",
+                            url = "https://complex-wombat-99f.notion.site/2025-07-20-236f4587491d80308016eb810692d18b",
+                        ),
+                    )
+                },
+                navigateToIntro = {
+                    navigator.navController.navigate(Route.Intro) {
+                        popUpTo(0) {
+                            inclusive = true
+                        }
+                    }
+                },
+            )
+        }
+
+        composable<Route.OnBoarding> {
+            OnBoardingScreenContainer(
+                navigateToHome = {
+                    navigator.navController.navigate(Route.Home) {
+                        popUpTo(navigator.navController.graph.startDestinationId) {
+                            inclusive = true
+                        }
+                    }
+                },
+                navigateToBack = {
+                    navigator.navController.popBackStack()
+                },
+            )
+        }
+
+        composable<Route.WriteRoutine> {
+            WriteRoutineScreenContainer(
+                navigateToBack = {
+                    navigator.navController.popBackStack()
+                },
+            )
+        }
+
+        composable<Route.Emotion> {
+            EmotionScreenContainer(
+                navigateToBack = {
+                    navigator.navController.popBackStack()
+                },
+            )
+        }
     }
 }
diff --git a/app/src/main/java/com/threegap/bitnagil/Route.kt b/app/src/main/java/com/threegap/bitnagil/Route.kt
index 621f026e..c94979a3 100644
--- a/app/src/main/java/com/threegap/bitnagil/Route.kt
+++ b/app/src/main/java/com/threegap/bitnagil/Route.kt
@@ -24,4 +24,19 @@ sealed interface Route {
         val title: String,
         val url: String,
     ) : Route
+
+    @Serializable
+    data object Setting : Route
+
+    @Serializable
+    data object OnBoarding : Route
+
+    @Serializable
+    data class WriteRoutine(
+        val routineId: String? = null,
+        val isRegister: Boolean = true,
+    ) : Route
+
+    @Serializable
+    data object Emotion : Route
 }
diff --git a/app/src/main/java/com/threegap/bitnagil/navigation/home/HomeBottomNavigationBar.kt b/app/src/main/java/com/threegap/bitnagil/navigation/home/HomeBottomNavigationBar.kt
new file mode 100644
index 00000000..23935ee2
--- /dev/null
+++ b/app/src/main/java/com/threegap/bitnagil/navigation/home/HomeBottomNavigationBar.kt
@@ -0,0 +1,109 @@
+package com.threegap.bitnagil.navigation.home
+
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.background
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.interaction.MutableInteractionSource
+import androidx.compose.foundation.interaction.collectIsPressedAsState
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.remember
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.ColorFilter
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import androidx.navigation.NavController
+import androidx.navigation.compose.currentBackStackEntryAsState
+import com.threegap.bitnagil.designsystem.BitnagilTheme
+
+@Composable
+fun HomeBottomNavigationBar(
+    navController: NavController,
+) {
+    val navBackStackEntry by navController.currentBackStackEntryAsState()
+
+    Row(
+        modifier = Modifier
+            .fillMaxWidth()
+            .background(color = BitnagilTheme.colors.white)
+            .padding(horizontal = 16.dp, vertical = 7.dp),
+        horizontalArrangement = Arrangement.spacedBy(12.dp),
+    ) {
+        HomeRoute.entries.map { homeRoute ->
+            HomeBottomNavigationItem(
+                modifier = Modifier.weight(1f),
+                selectIconResourceId = homeRoute.selectIconResourceId,
+                unSelectIconResourceId = homeRoute.unSelectIconResourceId,
+                title = homeRoute.title,
+                onClick = {
+                    navController.navigate(homeRoute.route) {
+                        popUpTo(0) { inclusive = true }
+                    }
+                },
+                selected = navBackStackEntry?.destination?.route == homeRoute.route,
+            )
+        }
+    }
+}
+
+@Composable
+private fun HomeBottomNavigationItem(
+    modifier: Modifier = Modifier,
+    selectIconResourceId: Int,
+    unSelectIconResourceId: Int,
+    title: String,
+    onClick: () -> Unit,
+    selected: Boolean,
+) {
+    val interactionSource = remember { MutableInteractionSource() }
+    val isPressed by interactionSource.collectIsPressedAsState()
+
+    val contentTintColor = when {
+        isPressed -> BitnagilTheme.colors.navy300
+        selected -> BitnagilTheme.colors.navy500
+        else -> BitnagilTheme.colors.navy100
+    }
+    val iconResourceId = if (selected) selectIconResourceId else unSelectIconResourceId
+
+    Column(
+        modifier = modifier.clickable(
+            onClick = onClick,
+            interactionSource = interactionSource,
+            indication = null,
+        ),
+        horizontalAlignment = Alignment.CenterHorizontally,
+    ) {
+        Image(
+            painter = painterResource(id = iconResourceId),
+            contentDescription = title,
+            modifier = Modifier.padding(4.dp).size(24.dp),
+            colorFilter = ColorFilter.tint(color = contentTintColor),
+        )
+
+        Text(
+            text = title,
+            style = BitnagilTheme.typography.caption2Medium,
+            color = contentTintColor,
+        )
+    }
+}
+
+@Composable
+@Preview
+private fun HomeBottomNavigationBarPreview() {
+    val navigator = rememberHomeNavigator()
+
+    HomeBottomNavigationBar(
+        navController = navigator.navController,
+
+    )
+}
diff --git a/app/src/main/java/com/threegap/bitnagil/navigation/home/HomeNavHost.kt b/app/src/main/java/com/threegap/bitnagil/navigation/home/HomeNavHost.kt
new file mode 100644
index 00000000..d9d7d227
--- /dev/null
+++ b/app/src/main/java/com/threegap/bitnagil/navigation/home/HomeNavHost.kt
@@ -0,0 +1,90 @@
+package com.threegap.bitnagil.navigation.home
+
+import android.annotation.SuppressLint
+import android.app.Activity
+import androidx.activity.compose.BackHandler
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.material3.Scaffold
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableLongStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.platform.LocalContext
+import androidx.navigation.compose.NavHost
+import androidx.navigation.compose.composable
+import com.threegap.bitnagil.presentation.home.HomeScreenContainer
+import com.threegap.bitnagil.presentation.mypage.MyPageScreenContainer
+import com.threegap.bitnagil.presentation.recommendroutine.RecommendRoutineScreenContainer
+
+@Composable
+@SuppressLint("UnusedMaterial3ScaffoldPaddingParameter")
+fun HomeNavHost(
+    modifier: Modifier = Modifier,
+    navigateToSetting: () -> Unit,
+    navigateToOnBoarding: () -> Unit,
+    navigateToNotice: () -> Unit,
+    navigateToQnA: () -> Unit,
+    navigateToRegisterRoutine: (String?) -> Unit,
+    navigateToEditRoutine: (String) -> Unit,
+    navigateToEmotion: () -> Unit,
+) {
+    val navigator = rememberHomeNavigator()
+
+    DoubleBackButtonPressedHandler()
+
+    Scaffold(
+        modifier = Modifier.fillMaxSize(),
+        bottomBar = {
+            HomeBottomNavigationBar(navController = navigator.navController)
+        },
+        content = { _ ->
+            NavHost(
+                navController = navigator.navController,
+                startDestination = navigator.startDestination,
+                modifier = modifier,
+            ) {
+                composable(HomeRoute.Home.route) {
+                    HomeScreenContainer(
+                        navigateToRegisterRoutine = {
+                            navigateToRegisterRoutine(null)
+                        },
+                        navigateToEditRoutine = navigateToEditRoutine,
+                        navigateToEmotion = navigateToEmotion,
+                    )
+                }
+
+                composable(HomeRoute.RecommendRoutine.route) {
+                    RecommendRoutineScreenContainer(
+                        navigateToEmotion = navigateToEmotion,
+                        navigateToRegisterRoutine = navigateToRegisterRoutine,
+                    )
+                }
+
+                composable(HomeRoute.MyPage.route) {
+                    MyPageScreenContainer(
+                        navigateToSetting = navigateToSetting,
+                        navigateToOnBoarding = navigateToOnBoarding,
+                        navigateToNotice = navigateToNotice,
+                        navigateToQnA = navigateToQnA,
+                    )
+                }
+            }
+        },
+    )
+}
+
+@Composable
+fun DoubleBackButtonPressedHandler() {
+    val context = LocalContext.current
+    var backPressedTimeMillis by remember { mutableLongStateOf(0L) }
+    BackHandler {
+        if (System.currentTimeMillis() - backPressedTimeMillis < 2000) {
+            backPressedTimeMillis = 0
+            (context as? Activity)?.finish()
+        } else {
+            backPressedTimeMillis = System.currentTimeMillis()
+        }
+    }
+}
diff --git a/app/src/main/java/com/threegap/bitnagil/navigation/home/HomeNavigator.kt b/app/src/main/java/com/threegap/bitnagil/navigation/home/HomeNavigator.kt
new file mode 100644
index 00000000..0d6260fe
--- /dev/null
+++ b/app/src/main/java/com/threegap/bitnagil/navigation/home/HomeNavigator.kt
@@ -0,0 +1,18 @@
+package com.threegap.bitnagil.navigation.home
+
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.remember
+import androidx.navigation.NavHostController
+import androidx.navigation.compose.rememberNavController
+
+class HomeNavigator(
+    val navController: NavHostController,
+) {
+    val startDestination = HomeRoute.Home.route
+}
+
+@Composable
+fun rememberHomeNavigator(navController: NavHostController = rememberNavController()): HomeNavigator =
+    remember(navController) {
+        HomeNavigator(navController)
+    }
diff --git a/app/src/main/java/com/threegap/bitnagil/navigation/home/HomeRoute.kt b/app/src/main/java/com/threegap/bitnagil/navigation/home/HomeRoute.kt
new file mode 100644
index 00000000..4ac10ce3
--- /dev/null
+++ b/app/src/main/java/com/threegap/bitnagil/navigation/home/HomeRoute.kt
@@ -0,0 +1,32 @@
+package com.threegap.bitnagil.navigation.home
+
+import com.threegap.bitnagil.R
+
+enum class HomeRoute(
+    val route: String,
+    val title: String,
+    val selectIconResourceId: Int,
+    val unSelectIconResourceId: Int,
+) {
+    Home(
+        route = "home/home",
+        title = "홈",
+        selectIconResourceId = R.drawable.ic_home_fill,
+        unSelectIconResourceId = R.drawable.ic_home_empty,
+    ),
+
+    RecommendRoutine(
+        route = "home/recommend_routine",
+        title = "추천 루틴",
+        selectIconResourceId = R.drawable.ic_recommend_fill,
+        unSelectIconResourceId = R.drawable.ic_recommend_empty,
+    ),
+
+    MyPage(
+        route = "home/my_page",
+        title = "마이페이지",
+        selectIconResourceId = R.drawable.ic_mypage_fill,
+        unSelectIconResourceId = R.drawable.ic_mypage_empty,
+    ),
+    ;
+}
diff --git a/app/src/main/res/drawable/ic_home_empty.xml b/app/src/main/res/drawable/ic_home_empty.xml
new file mode 100644
index 00000000..e77d8e04
--- /dev/null
+++ b/app/src/main/res/drawable/ic_home_empty.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:pathData="M4,11.452V16.8C4,17.92 4,18.481 4.218,18.909C4.41,19.285 4.715,19.591 5.092,19.782C5.519,20 6.079,20 7.197,20H16.803C17.921,20 18.48,20 18.907,19.782C19.284,19.591 19.59,19.285 19.782,18.909C20,18.481 20,17.922 20,16.804V11.452C20,10.918 20,10.651 19.935,10.402C19.877,10.182 19.782,9.973 19.655,9.785C19.51,9.572 19.31,9.396 18.907,9.044L14.107,4.844C13.361,4.191 12.988,3.864 12.567,3.74C12.197,3.63 11.803,3.63 11.432,3.74C11.013,3.864 10.64,4.19 9.894,4.842L5.093,9.044C4.691,9.396 4.49,9.572 4.346,9.785C4.218,9.973 4.123,10.182 4.065,10.402C4,10.651 4,10.918 4,11.452Z"
+      android:strokeLineJoin="round"
+      android:strokeWidth="2"
+      android:fillColor="#00000000"
+      android:strokeColor="#B4B8C4"
+      android:strokeLineCap="round"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_home_fill.xml b/app/src/main/res/drawable/ic_home_fill.xml
new file mode 100644
index 00000000..aa23253e
--- /dev/null
+++ b/app/src/main/res/drawable/ic_home_fill.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:pathData="M4,11.452V16.8C4,17.92 4,18.481 4.218,18.909C4.41,19.285 4.715,19.591 5.092,19.782C5.519,20 6.079,20 7.197,20H16.803C17.921,20 18.48,20 18.907,19.782C19.284,19.591 19.59,19.285 19.782,18.909C20,18.481 20,17.922 20,16.804V11.452C20,10.918 20,10.651 19.935,10.402C19.877,10.182 19.782,9.973 19.655,9.785C19.51,9.572 19.31,9.396 18.907,9.044L14.107,4.844C13.361,4.191 12.988,3.864 12.567,3.74C12.197,3.63 11.803,3.63 11.432,3.74C11.013,3.864 10.64,4.19 9.894,4.842L5.093,9.044C4.691,9.396 4.49,9.572 4.346,9.785C4.218,9.973 4.123,10.182 4.065,10.402C4,10.651 4,10.918 4,11.452Z"
+      android:fillColor="#0D1B41"/>
+  <path
+      android:pathData="M4,11.452V16.8C4,17.92 4,18.481 4.218,18.909C4.41,19.285 4.715,19.591 5.092,19.782C5.519,20 6.079,20 7.197,20H16.803C17.921,20 18.48,20 18.907,19.782C19.284,19.591 19.59,19.285 19.782,18.909C20,18.481 20,17.922 20,16.804V11.452C20,10.918 20,10.651 19.935,10.402C19.877,10.182 19.782,9.973 19.655,9.785C19.51,9.572 19.31,9.396 18.907,9.044L14.107,4.844C13.361,4.191 12.988,3.864 12.567,3.74C12.197,3.63 11.803,3.63 11.432,3.74C11.013,3.864 10.64,4.19 9.894,4.842L5.093,9.044C4.691,9.396 4.49,9.572 4.346,9.785C4.218,9.973 4.123,10.182 4.065,10.402C4,10.651 4,10.918 4,11.452Z"
+      android:fillColor="#000000"
+      android:fillAlpha="0.2"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_mypage_empty.xml b/app/src/main/res/drawable/ic_mypage_empty.xml
new file mode 100644
index 00000000..d44821c2
--- /dev/null
+++ b/app/src/main/res/drawable/ic_mypage_empty.xml
@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M12.128,4L12.128,3H12.128L12.128,4ZM17.453,9.324L18.453,9.349C18.453,9.341 18.453,9.332 18.453,9.324L17.453,9.324ZM17.446,9.599L18.445,9.649C18.445,9.641 18.446,9.632 18.446,9.624L17.446,9.599ZM16.305,12.627L15.521,12.006C15.326,12.252 15.258,12.576 15.337,12.88C15.417,13.184 15.635,13.433 15.926,13.552L16.305,12.627ZM21.343,17.103L22.227,16.636L22.227,16.635L21.343,17.103ZM21.13,19.506L21.91,20.132L21.91,20.132L21.13,19.506ZM5.85,20.491L5.85,21.491H5.85V20.491ZM3.509,19.37L2.715,19.978L2.715,19.978L3.509,19.37ZM3.29,16.773L2.407,16.305L2.407,16.305L3.29,16.773ZM7.97,12.649L8.355,13.572C8.645,13.451 8.861,13.201 8.939,12.897C9.016,12.593 8.947,12.27 8.75,12.024L7.97,12.649ZM6.804,9.324L5.804,9.324V9.324H6.804ZM12.128,4L12.128,5C14.516,5 16.453,6.936 16.453,9.324L17.453,9.324L18.453,9.324C18.453,5.831 15.621,3 12.128,3L12.128,4ZM17.453,9.324L16.453,9.299L16.447,9.574L17.446,9.599L18.446,9.624L18.453,9.349L17.453,9.324ZM17.446,9.599L16.448,9.548C16.401,10.474 16.062,11.323 15.521,12.006L16.305,12.627L17.089,13.248C17.879,12.25 18.376,11.006 18.445,9.649L17.446,9.599ZM16.305,12.627L15.926,13.552C18.171,14.472 19.671,16.079 20.458,17.57L21.343,17.103L22.227,16.635C21.239,14.765 19.398,12.813 16.684,11.701L16.305,12.627ZM21.343,17.103L20.458,17.569C20.717,18.06 20.634,18.526 20.35,18.88L21.13,19.506L21.91,20.132C22.666,19.191 22.878,17.869 22.227,16.636L21.343,17.103ZM21.13,19.506L20.35,18.88C20.061,19.24 19.552,19.491 18.96,19.491V20.491V21.491C20.093,21.491 21.202,21.013 21.91,20.132L21.13,19.506ZM18.96,20.491V19.491H5.85V20.491V21.491H18.96V20.491ZM5.85,20.491L5.85,19.491C5.201,19.491 4.632,19.192 4.303,18.762L3.509,19.37L2.715,19.978C3.434,20.917 4.599,21.491 5.85,21.491L5.85,20.491ZM3.509,19.37L4.303,18.762C3.977,18.336 3.885,17.785 4.173,17.242L3.29,16.773L2.407,16.305C1.714,17.61 1.964,18.998 2.715,19.978L3.509,19.37ZM3.29,16.773L4.173,17.242C5.157,15.39 6.747,14.244 8.355,13.572L7.97,12.649L7.584,11.727C5.671,12.526 3.662,13.941 2.407,16.305L3.29,16.773ZM7.97,12.649L8.75,12.024C8.158,11.284 7.804,10.347 7.804,9.324H6.804H5.804C5.804,10.818 6.323,12.192 7.189,13.274L7.97,12.649ZM6.804,9.324L7.804,9.324C7.804,6.936 9.74,5 12.128,5L12.128,4L12.128,3C8.635,3 5.804,5.832 5.804,9.324L6.804,9.324Z"
+      android:fillColor="#B4B8C4"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_mypage_fill.xml b/app/src/main/res/drawable/ic_mypage_fill.xml
new file mode 100644
index 00000000..d338b47d
--- /dev/null
+++ b/app/src/main/res/drawable/ic_mypage_fill.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:pathData="M12.128,4C15.068,4 17.453,6.384 17.453,9.324L17.446,9.599C17.389,10.74 16.971,11.786 16.305,12.627C18.785,13.642 20.455,15.422 21.343,17.103C21.798,17.964 21.65,18.858 21.13,19.506C20.631,20.126 19.823,20.491 18.96,20.491H5.85C4.9,20.491 4.033,20.055 3.509,19.37C2.97,18.667 2.8,17.698 3.29,16.773C4.409,14.665 6.209,13.385 7.97,12.649C7.24,11.738 6.804,10.582 6.804,9.324C6.804,6.384 9.188,4 12.128,4Z"
+      android:fillColor="#0D1B41"/>
+  <path
+      android:pathData="M12.128,4C15.068,4 17.453,6.384 17.453,9.324L17.446,9.599C17.389,10.74 16.971,11.786 16.305,12.627C18.785,13.642 20.455,15.422 21.343,17.103C21.798,17.964 21.65,18.858 21.13,19.506C20.631,20.126 19.823,20.491 18.96,20.491H5.85C4.9,20.491 4.033,20.055 3.509,19.37C2.97,18.667 2.8,17.698 3.29,16.773C4.409,14.665 6.209,13.385 7.97,12.649C7.24,11.738 6.804,10.582 6.804,9.324C6.804,6.384 9.188,4 12.128,4Z"
+      android:fillColor="#000000"
+      android:fillAlpha="0.2"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_recommend_empty.xml b/app/src/main/res/drawable/ic_recommend_empty.xml
new file mode 100644
index 00000000..4154f12b
--- /dev/null
+++ b/app/src/main/res/drawable/ic_recommend_empty.xml
@@ -0,0 +1,17 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M10.5,10.5m-4.75,4.75a6.718,6.718 90,1 1,9.5 -9.5a6.718,6.718 90,1 1,-9.5 9.5"
+      android:strokeWidth="2"
+      android:fillColor="#00000000"
+      android:strokeColor="#B4B8C4"/>
+  <path
+      android:pathData="M15.844,15.844L20,20"
+      android:strokeWidth="2"
+      android:fillColor="#00000000"
+      android:strokeColor="#B4B8C4"
+      android:strokeLineCap="round"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_recommend_fill.xml b/app/src/main/res/drawable/ic_recommend_fill.xml
new file mode 100644
index 00000000..5d4b84c4
--- /dev/null
+++ b/app/src/main/res/drawable/ic_recommend_fill.xml
@@ -0,0 +1,30 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M10.5,10.5m-4.75,4.75a6.718,6.718 90,1 1,9.5 -9.5a6.718,6.718 90,1 1,-9.5 9.5"
+      android:strokeWidth="2"
+      android:fillColor="#00000000"
+      android:strokeColor="#0D1B41"/>
+  <path
+      android:pathData="M10.5,10.5m-4.75,4.75a6.718,6.718 90,1 1,9.5 -9.5a6.718,6.718 90,1 1,-9.5 9.5"
+      android:strokeAlpha="0.2"
+      android:strokeWidth="2"
+      android:fillColor="#00000000"
+      android:strokeColor="#000000"/>
+  <path
+      android:pathData="M15.844,15.844L20,20"
+      android:strokeWidth="2"
+      android:fillColor="#00000000"
+      android:strokeColor="#0D1B41"
+      android:strokeLineCap="round"/>
+  <path
+      android:pathData="M15.844,15.844L20,20"
+      android:strokeAlpha="0.2"
+      android:strokeWidth="2"
+      android:fillColor="#00000000"
+      android:strokeColor="#000000"
+      android:strokeLineCap="round"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_report_empty.xml b/app/src/main/res/drawable/ic_report_empty.xml
new file mode 100644
index 00000000..c62ec063
--- /dev/null
+++ b/app/src/main/res/drawable/ic_report_empty.xml
@@ -0,0 +1,18 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M5.333,4H18.667C19.4,4 20,4.8 20,5.778V18.222C20,19.2 19.4,20 18.667,20H11.621H5.971H5.333C4.6,20 4,19.2 4,18.222V5.778C4,4.8 4.6,4 5.333,4Z"
+      android:strokeLineJoin="round"
+      android:strokeWidth="2"
+      android:fillColor="#00000000"
+      android:strokeColor="#B4B8C4"/>
+  <path
+      android:pathData="M15.378,13C15.378,13.552 14.931,14 14.378,14H7.369C6.817,14 6.369,13.552 6.369,13C6.369,12.448 6.817,12 7.369,12H14.378C14.931,12 15.378,12.448 15.378,13Z"
+      android:fillColor="#B4B8C4"/>
+  <path
+      android:pathData="M17.631,9C17.631,9.552 17.183,10 16.631,10H7.369C6.817,10 6.369,9.552 6.369,9C6.369,8.448 6.817,8 7.369,8H16.631C17.183,8 17.631,8.448 17.631,9Z"
+      android:fillColor="#B4B8C4"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_report_fill.xml b/app/src/main/res/drawable/ic_report_fill.xml
new file mode 100644
index 00000000..afa27517
--- /dev/null
+++ b/app/src/main/res/drawable/ic_report_fill.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:pathData="M18.667,4C19.4,4 20,4.8 20,5.777V18.223C20,19.2 19.4,20 18.667,20H5.333C4.6,20 4,19.2 4,18.223V5.777C4,4.8 4.6,4 5.333,4H18.667ZM7.369,12C6.817,12 6.369,12.448 6.369,13C6.369,13.552 6.817,14 7.369,14H14.378C14.93,14 15.378,13.552 15.378,13C15.378,12.448 14.93,12 14.378,12H7.369ZM7.369,8C6.817,8 6.369,8.448 6.369,9C6.369,9.552 6.817,10 7.369,10H16.631C17.183,10 17.631,9.552 17.631,9C17.631,8.448 17.183,8 16.631,8H7.369Z"
+      android:fillColor="#0D1B41"/>
+  <path
+      android:pathData="M18.667,4C19.4,4 20,4.8 20,5.777V18.223C20,19.2 19.4,20 18.667,20H5.333C4.6,20 4,19.2 4,18.223V5.777C4,4.8 4.6,4 5.333,4H18.667ZM7.369,12C6.817,12 6.369,12.448 6.369,13C6.369,13.552 6.817,14 7.369,14H14.378C14.93,14 15.378,13.552 15.378,13C15.378,12.448 14.93,12 14.378,12H7.369ZM7.369,8C6.817,8 6.369,8.448 6.369,9C6.369,9.552 6.817,10 7.369,10H16.631C17.183,10 17.631,9.552 17.631,9C17.631,8.448 17.183,8 16.631,8H7.369Z"
+      android:fillColor="#000000"
+      android:fillAlpha="0.2"/>
+</vector>
diff --git a/data/src/main/java/com/threegap/bitnagil/data/auth/datasource/AuthLocalDataSource.kt b/data/src/main/java/com/threegap/bitnagil/data/auth/datasource/AuthLocalDataSource.kt
index 67dd07c2..4bf7bce4 100644
--- a/data/src/main/java/com/threegap/bitnagil/data/auth/datasource/AuthLocalDataSource.kt
+++ b/data/src/main/java/com/threegap/bitnagil/data/auth/datasource/AuthLocalDataSource.kt
@@ -4,4 +4,6 @@ interface AuthLocalDataSource {
     suspend fun hasToken(): Boolean
 
     suspend fun updateAuthToken(accessToken: String, refreshToken: String): Result<Unit>
+
+    suspend fun clearAuthToken(): Result<Unit>
 }
diff --git a/data/src/main/java/com/threegap/bitnagil/data/auth/datasource/AuthRemoteDataSource.kt b/data/src/main/java/com/threegap/bitnagil/data/auth/datasource/AuthRemoteDataSource.kt
index 68470af8..dd4dce44 100644
--- a/data/src/main/java/com/threegap/bitnagil/data/auth/datasource/AuthRemoteDataSource.kt
+++ b/data/src/main/java/com/threegap/bitnagil/data/auth/datasource/AuthRemoteDataSource.kt
@@ -8,4 +8,8 @@ interface AuthRemoteDataSource {
     suspend fun login(socialAccessToken: String, loginRequestDto: LoginRequestDto): Result<LoginResponseDto>
 
     suspend fun submitAgreement(termsAgreementRequestDto: TermsAgreementRequestDto): Result<Unit>
+
+    suspend fun logout(): Result<Unit>
+
+    suspend fun withdrawal(): Result<Unit>
 }
diff --git a/data/src/main/java/com/threegap/bitnagil/data/auth/datasourceimpl/AuthLocalDataSourceImpl.kt b/data/src/main/java/com/threegap/bitnagil/data/auth/datasourceimpl/AuthLocalDataSourceImpl.kt
index b0ae1640..cd1fc995 100644
--- a/data/src/main/java/com/threegap/bitnagil/data/auth/datasourceimpl/AuthLocalDataSourceImpl.kt
+++ b/data/src/main/java/com/threegap/bitnagil/data/auth/datasourceimpl/AuthLocalDataSourceImpl.kt
@@ -17,4 +17,9 @@ class AuthLocalDataSourceImpl @Inject constructor(
                 refreshToken = refreshToken,
             )
         }
+
+    override suspend fun clearAuthToken(): Result<Unit> =
+        runCatching {
+            authTokenDataStore.clearAuthToken()
+        }
 }
diff --git a/data/src/main/java/com/threegap/bitnagil/data/auth/datasourceimpl/AuthRemoteDataSourceImpl.kt b/data/src/main/java/com/threegap/bitnagil/data/auth/datasourceimpl/AuthRemoteDataSourceImpl.kt
index af1fbd5d..d792438b 100644
--- a/data/src/main/java/com/threegap/bitnagil/data/auth/datasourceimpl/AuthRemoteDataSourceImpl.kt
+++ b/data/src/main/java/com/threegap/bitnagil/data/auth/datasourceimpl/AuthRemoteDataSourceImpl.kt
@@ -6,6 +6,7 @@ import com.threegap.bitnagil.data.auth.model.request.TermsAgreementRequestDto
 import com.threegap.bitnagil.data.auth.model.response.LoginResponseDto
 import com.threegap.bitnagil.data.auth.service.AuthService
 import com.threegap.bitnagil.data.common.safeApiCall
+import com.threegap.bitnagil.data.common.safeUnitApiCall
 import javax.inject.Inject
 
 class AuthRemoteDataSourceImpl @Inject constructor(
@@ -20,4 +21,14 @@ class AuthRemoteDataSourceImpl @Inject constructor(
         safeApiCall {
             authService.submitAgreement(termsAgreementRequestDto)
         }
+
+    override suspend fun logout(): Result<Unit> =
+        safeUnitApiCall {
+            authService.postLogout()
+        }
+
+    override suspend fun withdrawal(): Result<Unit> =
+        safeUnitApiCall {
+            authService.postWithdrawal()
+        }
 }
diff --git a/data/src/main/java/com/threegap/bitnagil/data/auth/repositoryimpl/AuthRepositoryImpl.kt b/data/src/main/java/com/threegap/bitnagil/data/auth/repositoryimpl/AuthRepositoryImpl.kt
index bcdb5110..065cc652 100644
--- a/data/src/main/java/com/threegap/bitnagil/data/auth/repositoryimpl/AuthRepositoryImpl.kt
+++ b/data/src/main/java/com/threegap/bitnagil/data/auth/repositoryimpl/AuthRepositoryImpl.kt
@@ -27,4 +27,16 @@ class AuthRepositoryImpl @Inject constructor(
         authRemoteDataSource.submitAgreement(
             termsAgreement.toDto(),
         )
+
+    override suspend fun logout(): Result<Unit> {
+        return authRemoteDataSource.logout().also {
+            if (it.isSuccess) authLocalDataSource.clearAuthToken()
+        }
+    }
+
+    override suspend fun withdrawal(): Result<Unit> {
+        return authRemoteDataSource.withdrawal().also {
+            if (it.isSuccess) authLocalDataSource.clearAuthToken()
+        }
+    }
 }
diff --git a/data/src/main/java/com/threegap/bitnagil/data/auth/service/AuthService.kt b/data/src/main/java/com/threegap/bitnagil/data/auth/service/AuthService.kt
index 291dac0f..2548f1c8 100644
--- a/data/src/main/java/com/threegap/bitnagil/data/auth/service/AuthService.kt
+++ b/data/src/main/java/com/threegap/bitnagil/data/auth/service/AuthService.kt
@@ -21,4 +21,10 @@ interface AuthService {
     suspend fun submitAgreement(
         @Body termsAgreementRequestDto: TermsAgreementRequestDto,
     ): BaseResponse<Unit>
+
+    @POST("/api/v1/auth/withdrawal")
+    suspend fun postWithdrawal(): BaseResponse<Unit>
+
+    @POST("/api/v1/auth/logout")
+    suspend fun postLogout(): BaseResponse<Unit>
 }
diff --git a/domain/src/main/java/com/threegap/bitnagil/domain/auth/repository/AuthRepository.kt b/domain/src/main/java/com/threegap/bitnagil/domain/auth/repository/AuthRepository.kt
index 8448e86d..f872955f 100644
--- a/domain/src/main/java/com/threegap/bitnagil/domain/auth/repository/AuthRepository.kt
+++ b/domain/src/main/java/com/threegap/bitnagil/domain/auth/repository/AuthRepository.kt
@@ -11,4 +11,8 @@ interface AuthRepository {
     suspend fun updateAuthToken(accessToken: String, refreshToken: String): Result<Unit>
 
     suspend fun submitAgreement(termsAgreement: TermsAgreement): Result<Unit>
+
+    suspend fun logout(): Result<Unit>
+
+    suspend fun withdrawal(): Result<Unit>
 }
diff --git a/domain/src/main/java/com/threegap/bitnagil/domain/auth/usecase/LogoutUseCase.kt b/domain/src/main/java/com/threegap/bitnagil/domain/auth/usecase/LogoutUseCase.kt
new file mode 100644
index 00000000..f8893314
--- /dev/null
+++ b/domain/src/main/java/com/threegap/bitnagil/domain/auth/usecase/LogoutUseCase.kt
@@ -0,0 +1,10 @@
+package com.threegap.bitnagil.domain.auth.usecase
+
+import com.threegap.bitnagil.domain.auth.repository.AuthRepository
+import javax.inject.Inject
+
+class LogoutUseCase @Inject constructor(
+    private val authRepository: AuthRepository,
+) {
+    suspend operator fun invoke(): Result<Unit> = authRepository.logout()
+}
diff --git a/domain/src/main/java/com/threegap/bitnagil/domain/auth/usecase/WithdrawalUseCase.kt b/domain/src/main/java/com/threegap/bitnagil/domain/auth/usecase/WithdrawalUseCase.kt
new file mode 100644
index 00000000..7e96ca67
--- /dev/null
+++ b/domain/src/main/java/com/threegap/bitnagil/domain/auth/usecase/WithdrawalUseCase.kt
@@ -0,0 +1,10 @@
+package com.threegap.bitnagil.domain.auth.usecase
+
+import com.threegap.bitnagil.domain.auth.repository.AuthRepository
+import javax.inject.Inject
+
+class WithdrawalUseCase @Inject constructor(
+    private val authRepository: AuthRepository,
+) {
+    suspend operator fun invoke(): Result<Unit> = authRepository.withdrawal()
+}
diff --git a/presentation/src/main/java/com/threegap/bitnagil/presentation/home/HomeScreen.kt b/presentation/src/main/java/com/threegap/bitnagil/presentation/home/HomeScreen.kt
index f0854cfe..79bf539f 100644
--- a/presentation/src/main/java/com/threegap/bitnagil/presentation/home/HomeScreen.kt
+++ b/presentation/src/main/java/com/threegap/bitnagil/presentation/home/HomeScreen.kt
@@ -45,6 +45,9 @@ import java.time.LocalDate
 @Composable
 fun HomeScreenContainer(
     viewModel: HomeViewModel = hiltViewModel(),
+    navigateToRegisterRoutine: () -> Unit,
+    navigateToEditRoutine: (String) -> Unit,
+    navigateToEmotion: () -> Unit,
 ) {
     val uiState by viewModel.stateFlow.collectAsStateWithLifecycle()
 
@@ -65,8 +68,7 @@ fun HomeScreenContainer(
             RoutineDetailsBottomSheet(
                 routine = routine,
                 onDismiss = { viewModel.sendIntent(HomeIntent.HideRoutineDetailsBottomSheet) },
-                // TODO: 수정 화면으로 네비게이션
-                onEdit = {},
+                onEdit = navigateToEditRoutine,
                 onDelete = {
                     if (routine.repeatDay.isEmpty()) {
                         viewModel.deleteRoutine(routine.routineId)
@@ -117,6 +119,8 @@ fun HomeScreenContainer(
         onShowRoutineDetailsBottomSheet = { routine ->
             viewModel.sendIntent(HomeIntent.ShowRoutineDetailsBottomSheet(routine))
         },
+        onRegisterRoutineClick = navigateToRegisterRoutine,
+        onRegisterEmotionClick = navigateToEmotion,
     )
 }
 
@@ -130,6 +134,8 @@ private fun HomeScreen(
     onSubRoutineCompletionToggle: (String, String, Boolean) -> Unit,
     onShowRoutineSortBottomSheet: () -> Unit,
     onShowRoutineDetailsBottomSheet: (RoutineUiModel) -> Unit,
+    onRegisterRoutineClick: () -> Unit,
+    onRegisterEmotionClick: () -> Unit,
     modifier: Modifier = Modifier,
 ) {
     val collapsibleHeaderState = rememberCollapsibleHeaderState()
@@ -177,8 +183,7 @@ private fun HomeScreen(
                 if (uiState.selectedDateRoutines.isEmpty()) {
                     item {
                         RoutineEmptyView(
-                            // todo: 루린 등록 화면으로 네비게이션
-                            onRegisterRoutineClick = {},
+                            onRegisterRoutineClick = onRegisterRoutineClick,
                             modifier = Modifier
                                 .fillMaxSize()
                                 .padding(top = 62.dp),
@@ -242,7 +247,7 @@ private fun HomeScreen(
         CollapsibleHomeHeader(
             userName = "대현",
             collapsibleHeaderState = collapsibleHeaderState,
-            onEmotionRecordClick = {},
+            onEmotionRecordClick = onRegisterEmotionClick,
         )
     }
 }
@@ -259,5 +264,7 @@ private fun HomeScreenPreview() {
         onSubRoutineCompletionToggle = { _, _, _ -> },
         onShowRoutineSortBottomSheet = {},
         onShowRoutineDetailsBottomSheet = {},
+        onRegisterRoutineClick = {},
+        onRegisterEmotionClick = {},
     )
 }
diff --git a/presentation/src/main/java/com/threegap/bitnagil/presentation/recommendroutine/RecommendRoutineScreen.kt b/presentation/src/main/java/com/threegap/bitnagil/presentation/recommendroutine/RecommendRoutineScreen.kt
index a5e339b9..ba98326a 100644
--- a/presentation/src/main/java/com/threegap/bitnagil/presentation/recommendroutine/RecommendRoutineScreen.kt
+++ b/presentation/src/main/java/com/threegap/bitnagil/presentation/recommendroutine/RecommendRoutineScreen.kt
@@ -42,6 +42,8 @@ import com.threegap.bitnagil.presentation.recommendroutine.type.RecommendRoutine
 @Composable
 fun RecommendRoutineScreenContainer(
     viewmodel: RecommendRoutineViewModel = hiltViewModel(),
+    navigateToEmotion: () -> Unit,
+    navigateToRegisterRoutine: (String?) -> Unit,
 ) {
     val uiState by viewmodel.container.stateFlow.collectAsStateWithLifecycle()
 
@@ -59,6 +61,8 @@ fun RecommendRoutineScreenContainer(
         onHideDifficultyBottomSheet = {
             viewmodel.sendIntent(RecommendRoutineIntent.HideDifficultyBottomSheet)
         },
+        onRecommendRoutineByEmotionClick = navigateToEmotion,
+        onRegisterRoutineClick = navigateToRegisterRoutine,
     )
 }
 
@@ -69,6 +73,8 @@ private fun RecommendRoutineScreen(
     onDifficultySelected: (RecommendRoutineDifficulty?) -> Unit,
     onShowDifficultyBottomSheet: () -> Unit,
     onHideDifficultyBottomSheet: () -> Unit,
+    onRecommendRoutineByEmotionClick: () -> Unit,
+    onRegisterRoutineClick: (String) -> Unit,
 ) {
     Column(
         modifier = Modifier
@@ -165,7 +171,7 @@ private fun RecommendRoutineScreen(
                 if (uiState.isDefaultCategory) {
                     item {
                         EmotionRecommendRoutineButton(
-                            onClick = {},
+                            onClick = onRecommendRoutineByEmotionClick,
                         )
                     }
                 }
@@ -176,7 +182,7 @@ private fun RecommendRoutineScreen(
                     RecommendRoutineItem(
                         routineName = routine.name,
                         routineDescription = routine.description,
-                        onAddRoutineClick = {},
+                        onAddRoutineClick = { onRegisterRoutineClick(routine.id) },
                     )
                 }
             }
@@ -203,5 +209,7 @@ private fun RoutineRecommendScreenPreview() {
         onDifficultySelected = {},
         onShowDifficultyBottomSheet = {},
         onHideDifficultyBottomSheet = {},
+        onRecommendRoutineByEmotionClick = {},
+        onRegisterRoutineClick = {},
     )
 }
diff --git a/presentation/src/main/java/com/threegap/bitnagil/presentation/recommendroutine/model/RecommendRoutine.kt b/presentation/src/main/java/com/threegap/bitnagil/presentation/recommendroutine/model/RecommendRoutine.kt
index 5140297b..cc416918 100644
--- a/presentation/src/main/java/com/threegap/bitnagil/presentation/recommendroutine/model/RecommendRoutine.kt
+++ b/presentation/src/main/java/com/threegap/bitnagil/presentation/recommendroutine/model/RecommendRoutine.kt
@@ -9,4 +9,5 @@ data class RecommendRoutine(
     val name: String,
     val description: String,
     val difficulty: RecommendRoutineDifficulty,
+    val id: String = "0",
 ) : Parcelable
diff --git a/presentation/src/main/java/com/threegap/bitnagil/presentation/setting/SettingScreen.kt b/presentation/src/main/java/com/threegap/bitnagil/presentation/setting/SettingScreen.kt
index c20ceb5a..23ae4f8e 100644
--- a/presentation/src/main/java/com/threegap/bitnagil/presentation/setting/SettingScreen.kt
+++ b/presentation/src/main/java/com/threegap/bitnagil/presentation/setting/SettingScreen.kt
@@ -26,22 +26,39 @@ import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
 import androidx.hilt.navigation.compose.hiltViewModel
 import com.threegap.bitnagil.designsystem.BitnagilTheme
+import com.threegap.bitnagil.presentation.common.flow.collectAsEffect
 import com.threegap.bitnagil.presentation.setting.component.atom.settingtitle.SettingTitle
 import com.threegap.bitnagil.presentation.setting.component.atom.toggleswitch.ToggleSwitch
 import com.threegap.bitnagil.presentation.setting.component.block.settingrowbutton.SettingRowButton
+import com.threegap.bitnagil.presentation.setting.model.mvi.SettingSideEffect
 import com.threegap.bitnagil.presentation.setting.model.mvi.SettingState
 
 @Composable
 fun SettingScreenContainer(
     viewModel: SettingViewModel = hiltViewModel(),
+    navigateToBack: () -> Unit,
+    navigateToTermsOfService: () -> Unit,
+    navigateToPrivacyPolicy: () -> Unit,
+    navigateToIntro: () -> Unit,
 ) {
     val state by viewModel.stateFlow.collectAsState()
 
+    viewModel.sideEffectFlow.collectAsEffect { sideEffect ->
+        when (sideEffect) {
+            SettingSideEffect.NavigateToIntro -> navigateToIntro()
+        }
+    }
+
     SettingScreen(
         state = state,
         toggleServiceAlarm = viewModel::toggleServiceAlarm,
         togglePushAlarm = viewModel::togglePushAlarm,
         onClickUpdate = {},
+        onClickBack = navigateToBack,
+        onClickTermsOfService = navigateToTermsOfService,
+        onClickPrivacyPolicy = navigateToPrivacyPolicy,
+        onClickLogout = viewModel::logout,
+        onClickWithdrawal = viewModel::withdrawal,
     )
 }
 
@@ -51,6 +68,11 @@ private fun SettingScreen(
     toggleServiceAlarm: () -> Unit,
     togglePushAlarm: () -> Unit,
     onClickUpdate: () -> Unit,
+    onClickBack: () -> Unit,
+    onClickTermsOfService: () -> Unit,
+    onClickPrivacyPolicy: () -> Unit,
+    onClickLogout: () -> Unit,
+    onClickWithdrawal: () -> Unit,
 ) {
     Column(
         modifier = Modifier
@@ -68,8 +90,7 @@ private fun SettingScreen(
                     .size(36.dp)
                     .background(BitnagilTheme.colors.black)
                     .align(Alignment.CenterStart)
-                    .clickable {
-                    },
+                    .clickable(onClick = onClickBack),
             )
 
             Text(
@@ -159,9 +180,9 @@ private fun SettingScreen(
                 }
             }
 
-            SettingRowButton(text = "서비스 이용약관", onClick = {})
+            SettingRowButton(text = "서비스 이용약관", onClick = onClickTermsOfService)
 
-            SettingRowButton(text = "개인정보 처리방침", onClick = {})
+            SettingRowButton(text = "개인정보 처리방침", onClick = onClickPrivacyPolicy)
 
             Spacer(modifier = Modifier.height(6.dp))
 
@@ -171,9 +192,9 @@ private fun SettingScreen(
 
             SettingTitle("계정")
 
-            SettingRowButton(text = "로그아웃", onClick = {})
+            SettingRowButton(text = "로그아웃", onClick = onClickLogout)
 
-            SettingRowButton(text = "탈퇴하기", onClick = {})
+            SettingRowButton(text = "탈퇴하기", onClick = onClickWithdrawal)
         }
     }
 }
@@ -187,9 +208,15 @@ fun SettingScreenPreview() {
             usePushAlarm = false,
             version = "1.0.1",
             latestVersion = "1.0.0",
+            loading = false,
         ),
         toggleServiceAlarm = {},
         togglePushAlarm = {},
         onClickUpdate = {},
+        onClickBack = {},
+        onClickPrivacyPolicy = {},
+        onClickTermsOfService = {},
+        onClickLogout = {},
+        onClickWithdrawal = {},
     )
 }
diff --git a/presentation/src/main/java/com/threegap/bitnagil/presentation/setting/SettingViewModel.kt b/presentation/src/main/java/com/threegap/bitnagil/presentation/setting/SettingViewModel.kt
index 6146b59f..baa49ba5 100644
--- a/presentation/src/main/java/com/threegap/bitnagil/presentation/setting/SettingViewModel.kt
+++ b/presentation/src/main/java/com/threegap/bitnagil/presentation/setting/SettingViewModel.kt
@@ -2,6 +2,8 @@ package com.threegap.bitnagil.presentation.setting
 
 import androidx.lifecycle.SavedStateHandle
 import androidx.lifecycle.viewModelScope
+import com.threegap.bitnagil.domain.auth.usecase.LogoutUseCase
+import com.threegap.bitnagil.domain.auth.usecase.WithdrawalUseCase
 import com.threegap.bitnagil.presentation.common.mviviewmodel.MviViewModel
 import com.threegap.bitnagil.presentation.setting.model.mvi.SettingIntent
 import com.threegap.bitnagil.presentation.setting.model.mvi.SettingSideEffect
@@ -16,6 +18,8 @@ import javax.inject.Inject
 @HiltViewModel
 class SettingViewModel @Inject constructor(
     savedStateHandle: SavedStateHandle,
+    private val logoutUseCase: LogoutUseCase,
+    private val withdrawalUseCase: WithdrawalUseCase,
 ) : MviViewModel<SettingState, SettingSideEffect, SettingIntent>(
     initState = SettingState.Init,
     savedStateHandle = savedStateHandle,
@@ -26,7 +30,7 @@ class SettingViewModel @Inject constructor(
     override suspend fun SimpleSyntax<SettingState, SettingSideEffect>.reduceState(
         intent: SettingIntent,
         state: SettingState,
-    ): SettingState {
+    ): SettingState? {
         when (intent) {
             is SettingIntent.LoadSettingSuccess -> {
                 return state.copy(
@@ -46,6 +50,26 @@ class SettingViewModel @Inject constructor(
                     useServiceAlarm = !state.useServiceAlarm,
                 )
             }
+            SettingIntent.LogoutSuccess -> {
+                sendSideEffect(SettingSideEffect.NavigateToIntro)
+                return null
+            }
+            SettingIntent.LogoutLoading -> {
+                return state.copy(loading = true)
+            }
+            SettingIntent.LogoutFailure -> {
+                return state.copy(loading = false)
+            }
+            SettingIntent.WithdrawalSuccess -> {
+                sendSideEffect(SettingSideEffect.NavigateToIntro)
+                return null
+            }
+            SettingIntent.WithdrawalLoading -> {
+                return state.copy(loading = true)
+            }
+            SettingIntent.WithdrawalFailure -> {
+                return state.copy(loading = false)
+            }
         }
     }
 
@@ -64,4 +88,26 @@ class SettingViewModel @Inject constructor(
             delay(1000L)
         }
     }
+
+    fun logout() {
+        viewModelScope.launch {
+            sendIntent(SettingIntent.LogoutLoading)
+            logoutUseCase().onSuccess {
+                sendIntent(SettingIntent.LogoutSuccess)
+            }.onFailure {
+                sendIntent(SettingIntent.LogoutFailure)
+            }
+        }
+    }
+
+    fun withdrawal() {
+        viewModelScope.launch {
+            sendIntent(SettingIntent.WithdrawalLoading)
+            withdrawalUseCase().onSuccess {
+                sendIntent(SettingIntent.WithdrawalSuccess)
+            }.onFailure {
+                sendIntent(SettingIntent.WithdrawalFailure)
+            }
+        }
+    }
 }
diff --git a/presentation/src/main/java/com/threegap/bitnagil/presentation/setting/model/mvi/SettingIntent.kt b/presentation/src/main/java/com/threegap/bitnagil/presentation/setting/model/mvi/SettingIntent.kt
index b15206d2..066691f3 100644
--- a/presentation/src/main/java/com/threegap/bitnagil/presentation/setting/model/mvi/SettingIntent.kt
+++ b/presentation/src/main/java/com/threegap/bitnagil/presentation/setting/model/mvi/SettingIntent.kt
@@ -12,4 +12,10 @@ sealed class SettingIntent : MviIntent {
 
     data object ToggleServiceAlarm : SettingIntent()
     data object TogglePushAlarm : SettingIntent()
+    data object LogoutLoading : SettingIntent()
+    data object LogoutSuccess : SettingIntent()
+    data object LogoutFailure : SettingIntent()
+    data object WithdrawalLoading : SettingIntent()
+    data object WithdrawalSuccess : SettingIntent()
+    data object WithdrawalFailure : SettingIntent()
 }
diff --git a/presentation/src/main/java/com/threegap/bitnagil/presentation/setting/model/mvi/SettingSideEffect.kt b/presentation/src/main/java/com/threegap/bitnagil/presentation/setting/model/mvi/SettingSideEffect.kt
index 00f22c19..45dacc0b 100644
--- a/presentation/src/main/java/com/threegap/bitnagil/presentation/setting/model/mvi/SettingSideEffect.kt
+++ b/presentation/src/main/java/com/threegap/bitnagil/presentation/setting/model/mvi/SettingSideEffect.kt
@@ -2,4 +2,6 @@ package com.threegap.bitnagil.presentation.setting.model.mvi
 
 import com.threegap.bitnagil.presentation.common.mviviewmodel.MviSideEffect
 
-sealed class SettingSideEffect : MviSideEffect
+sealed class SettingSideEffect : MviSideEffect {
+    data object NavigateToIntro : SettingSideEffect()
+}
diff --git a/presentation/src/main/java/com/threegap/bitnagil/presentation/setting/model/mvi/SettingState.kt b/presentation/src/main/java/com/threegap/bitnagil/presentation/setting/model/mvi/SettingState.kt
index c1c8ebbd..e2382526 100644
--- a/presentation/src/main/java/com/threegap/bitnagil/presentation/setting/model/mvi/SettingState.kt
+++ b/presentation/src/main/java/com/threegap/bitnagil/presentation/setting/model/mvi/SettingState.kt
@@ -9,6 +9,7 @@ data class SettingState(
     val usePushAlarm: Boolean,
     val version: String,
     val latestVersion: String,
+    val loading: Boolean,
 ) : MviState {
     companion object {
         val Init = SettingState(
@@ -16,6 +17,7 @@ data class SettingState(
             usePushAlarm = false,
             version = "",
             latestVersion = "",
+            loading = false,
         )
     }
 }
diff --git a/presentation/src/main/java/com/threegap/bitnagil/presentation/writeroutine/WriteRoutineScreen.kt b/presentation/src/main/java/com/threegap/bitnagil/presentation/writeroutine/WriteRoutineScreen.kt
index 0109bf55..074c1909 100644
--- a/presentation/src/main/java/com/threegap/bitnagil/presentation/writeroutine/WriteRoutineScreen.kt
+++ b/presentation/src/main/java/com/threegap/bitnagil/presentation/writeroutine/WriteRoutineScreen.kt
@@ -79,6 +79,7 @@ fun WriteRoutineScreenContainer(
         showTimePickerBottomSheet = viewModel::showTimePickerBottomSheet,
         onClickRegister = viewModel::registerRoutine,
         removeSubRoutine = viewModel::removeSubRoutine,
+        onClickBack = navigateToBack,
     )
 }
 
@@ -94,6 +95,7 @@ private fun WriteRoutineScreen(
     showTimePickerBottomSheet: () -> Unit,
     onClickRegister: () -> Unit,
     removeSubRoutine: (Int) -> Unit,
+    onClickBack: () -> Unit,
 ) {
     val scrollState = rememberScrollState()
 
@@ -110,7 +112,7 @@ private fun WriteRoutineScreen(
                     .padding(start = 4.dp)
                     .align(alignment = Alignment.CenterStart)
                     .size(36.dp)
-                    .clickable { },
+                    .clickable(onClick = onClickBack),
                 contentAlignment = Alignment.Center,
             ) {
                 Image(
@@ -415,6 +417,7 @@ fun WriteRoutineScreenPreview() {
             showTimePickerBottomSheet = {},
             onClickRegister = {},
             removeSubRoutine = {},
+            onClickBack = {},
         )
     }
 }