From 40c0f761427fe09fc70603b80043b8f9f96b6379 Mon Sep 17 00:00:00 2001
From: vrexpert <vrexpert2302@gmail.com>
Date: Fri, 14 Jun 2024 19:01:50 +0900
Subject: [PATCH] =?UTF-8?q?feat(recipeDetail):=20=EB=A0=88=EC=8B=9C?=
 =?UTF-8?q?=ED=94=BC=20=EC=83=81=EC=84=B8=20=EC=A1=B0=ED=9A=8C=20=EB=84=A4?=
 =?UTF-8?q?=EB=B9=84=EA=B2=8C=EC=9D=B4=ED=8C=85=20=EA=B5=AC=ED=98=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Android/.idea/deploymentTargetSelector.xml    |   6 +
 Android/.idea/gradle.xml                      |   2 +-
 .../data/repository/api/RecipeRepository.kt   |   2 +-
 .../core/data/di/RepositoryModule.kt          |   4 +-
 .../repository/DefaultRecipeRepository.kt     |   2 +-
 .../data/repository/FakeRecipeRepository.kt   |  72 +++++++
 .../banchango/core/designsystem/theme/Type.kt |  79 ++++++--
 .../banchango/navigation/Route.kt             |   2 +-
 Android/feature/main/build.gradle.kts         |   2 +-
 .../banchango/feature/main/MainBottomBar.kt   |   5 +-
 .../banchango/feature/main/MainNavigator.kt   |   7 +-
 .../banchango/feature/main/MainScreen.kt      |   7 +-
 .../{reciperecommend => recipe}/.gitignore    |   0
 .../build.gradle.kts                          |   0
 .../consumer-rules.pro                        |   0
 .../proguard-rules.pro                        |   0
 .../sundaegukbap/banchango/feature/.gitkeep   |   0
 .../src/main/AndroidManifest.xml              |   0
 .../recipe/navigation/RecipeNavigation.kt     |  44 +++++
 .../feature/recipe/recommend/RecipeItem.kt}   | 104 ++++------
 .../recommend}/RecipeRecommendItemUiState.kt  |   3 +-
 .../recommend}/RecipeRecommendUiState.kt      |   2 +-
 .../recommend/RecipeRecommendViewModel.kt     |  68 +++++++
 .../recommend/RecipesRecommendScreen.kt       | 166 ++++++++++++++++
 .../sundaegukbap/banchango/feature/.gitkeep   |   0
 .../RecipeRecommendViewModel.kt               |  69 -------
 .../reciperecommend/RecipesRecommendScreen.kt | 180 ------------------
 .../navigation/RecipeRecommendNavigation.kt   |  19 --
 Android/settings.gradle.kts                   |   2 +-
 29 files changed, 481 insertions(+), 366 deletions(-)
 create mode 100644 Android/core/data/src/main/java/com/sundaegukbap/banchango/core/data/repository/FakeRecipeRepository.kt
 rename Android/feature/{reciperecommend => recipe}/.gitignore (100%)
 rename Android/feature/{reciperecommend => recipe}/build.gradle.kts (100%)
 rename Android/feature/{reciperecommend => recipe}/consumer-rules.pro (100%)
 rename Android/feature/{reciperecommend => recipe}/proguard-rules.pro (100%)
 rename Android/feature/{reciperecommend => recipe}/src/androidTest/java/com/sundaegukbap/banchango/feature/.gitkeep (100%)
 rename Android/feature/{reciperecommend => recipe}/src/main/AndroidManifest.xml (100%)
 create mode 100644 Android/feature/recipe/src/main/java/com/sundaegukbap/banchango/feature/recipe/navigation/RecipeNavigation.kt
 rename Android/feature/{reciperecommend/src/main/java/com/sundaegukbap/banchango/feature/reciperecommend/RecipeCard.kt => recipe/src/main/java/com/sundaegukbap/banchango/feature/recipe/recommend/RecipeItem.kt} (54%)
 rename Android/feature/{reciperecommend/src/main/java/com/sundaegukbap/banchango/feature/reciperecommend => recipe/src/main/java/com/sundaegukbap/banchango/feature/recipe/recommend}/RecipeRecommendItemUiState.kt (61%)
 rename Android/feature/{reciperecommend/src/main/java/com/sundaegukbap/banchango/feature/reciperecommend => recipe/src/main/java/com/sundaegukbap/banchango/feature/recipe/recommend}/RecipeRecommendUiState.kt (76%)
 create mode 100644 Android/feature/recipe/src/main/java/com/sundaegukbap/banchango/feature/recipe/recommend/RecipeRecommendViewModel.kt
 create mode 100644 Android/feature/recipe/src/main/java/com/sundaegukbap/banchango/feature/recipe/recommend/RecipesRecommendScreen.kt
 rename Android/feature/{reciperecommend => recipe}/src/test/java/com/sundaegukbap/banchango/feature/.gitkeep (100%)
 delete mode 100644 Android/feature/reciperecommend/src/main/java/com/sundaegukbap/banchango/feature/reciperecommend/RecipeRecommendViewModel.kt
 delete mode 100644 Android/feature/reciperecommend/src/main/java/com/sundaegukbap/banchango/feature/reciperecommend/RecipesRecommendScreen.kt
 delete mode 100644 Android/feature/reciperecommend/src/main/java/com/sundaegukbap/banchango/feature/reciperecommend/navigation/RecipeRecommendNavigation.kt

diff --git a/Android/.idea/deploymentTargetSelector.xml b/Android/.idea/deploymentTargetSelector.xml
index fc8303f..c4abe25 100644
--- a/Android/.idea/deploymentTargetSelector.xml
+++ b/Android/.idea/deploymentTargetSelector.xml
@@ -8,6 +8,12 @@
       <SelectionState runConfigName="MainActivity">
         <option name="selectionMode" value="DROPDOWN" />
       </SelectionState>
+      <SelectionState runConfigName="RecipeCardPreview">
+        <option name="selectionMode" value="DROPDOWN" />
+      </SelectionState>
+      <SelectionState runConfigName="RecipePagePreview">
+        <option name="selectionMode" value="DROPDOWN" />
+      </SelectionState>
     </selectionStates>
   </component>
 </project>
\ No newline at end of file
diff --git a/Android/.idea/gradle.xml b/Android/.idea/gradle.xml
index 09ee0fd..53d2183 100644
--- a/Android/.idea/gradle.xml
+++ b/Android/.idea/gradle.xml
@@ -20,7 +20,7 @@
             <option value="$PROJECT_DIR$/feature" />
             <option value="$PROJECT_DIR$/feature/home" />
             <option value="$PROJECT_DIR$/feature/main" />
-            <option value="$PROJECT_DIR$/feature/reciperecommend" />
+            <option value="$PROJECT_DIR$/feature/recipe" />
           </set>
         </option>
         <option name="resolveExternalAnnotations" value="false" />
diff --git a/Android/core/data-api/src/main/java/com/sundaegukbap/banchango/core/data/repository/api/RecipeRepository.kt b/Android/core/data-api/src/main/java/com/sundaegukbap/banchango/core/data/repository/api/RecipeRepository.kt
index 9157718..84340ad 100644
--- a/Android/core/data-api/src/main/java/com/sundaegukbap/banchango/core/data/repository/api/RecipeRepository.kt
+++ b/Android/core/data-api/src/main/java/com/sundaegukbap/banchango/core/data/repository/api/RecipeRepository.kt
@@ -4,5 +4,5 @@ import com.sundaegukbap.banchango.Recipe
 
 interface RecipeRepository {
     suspend fun getRecipeRecommendation(): Result<List<Recipe>>
-    suspend fun getRecipeDetail(id: Int): Result<Recipe>
+    suspend fun getRecipeDetail(id: Long): Result<Recipe>
 }
diff --git a/Android/core/data/src/main/java/com/sundaegukbap/banchango/core/data/di/RepositoryModule.kt b/Android/core/data/src/main/java/com/sundaegukbap/banchango/core/data/di/RepositoryModule.kt
index 8d96dfa..323553a 100644
--- a/Android/core/data/src/main/java/com/sundaegukbap/banchango/core/data/di/RepositoryModule.kt
+++ b/Android/core/data/src/main/java/com/sundaegukbap/banchango/core/data/di/RepositoryModule.kt
@@ -1,6 +1,6 @@
 package com.sundaegukbap.banchango.core.data.di
 
-import com.sundaegukbap.banchango.core.data.repository.DefaultRecipeRepository
+import com.sundaegukbap.banchango.core.data.repository.FakeRecipeRepository
 import com.sundaegukbap.banchango.core.data.repository.api.RecipeRepository
 import dagger.Binds
 import dagger.Module
@@ -12,5 +12,5 @@ import dagger.hilt.components.SingletonComponent
 internal abstract class RepositoryModule {
 
     @Binds
-    abstract fun bindsRecipeRepository(recipeRepository: DefaultRecipeRepository): RecipeRepository
+    abstract fun bindsRecipeRepository(recipeRepository: FakeRecipeRepository): RecipeRepository
 }
diff --git a/Android/core/data/src/main/java/com/sundaegukbap/banchango/core/data/repository/DefaultRecipeRepository.kt b/Android/core/data/src/main/java/com/sundaegukbap/banchango/core/data/repository/DefaultRecipeRepository.kt
index 28c3d1e..6383f53 100644
--- a/Android/core/data/src/main/java/com/sundaegukbap/banchango/core/data/repository/DefaultRecipeRepository.kt
+++ b/Android/core/data/src/main/java/com/sundaegukbap/banchango/core/data/repository/DefaultRecipeRepository.kt
@@ -23,7 +23,7 @@ internal class DefaultRecipeRepository @Inject constructor(
         }
     }
 
-    override suspend fun getRecipeDetail(id: Int): Result<Recipe> {
+    override suspend fun getRecipeDetail(id: Long): Result<Recipe> {
         return runCatching {
             val response = recipeApi.getRecipeDetail(1, id.toLong())
             if (response.isSuccessful) {
diff --git a/Android/core/data/src/main/java/com/sundaegukbap/banchango/core/data/repository/FakeRecipeRepository.kt b/Android/core/data/src/main/java/com/sundaegukbap/banchango/core/data/repository/FakeRecipeRepository.kt
new file mode 100644
index 0000000..c7b26d3
--- /dev/null
+++ b/Android/core/data/src/main/java/com/sundaegukbap/banchango/core/data/repository/FakeRecipeRepository.kt
@@ -0,0 +1,72 @@
+package com.sundaegukbap.banchango.core.data.repository
+
+import com.sundaegukbap.banchango.Recipe
+import com.sundaegukbap.banchango.core.data.repository.api.RecipeRepository
+import javax.inject.Inject
+
+class FakeRecipeRepository @Inject constructor() : RecipeRepository {
+    override suspend fun getRecipeRecommendation(): Result<List<Recipe>> {
+        return Result.success(
+            listOf(
+                Recipe(
+                    id = 1,
+                    name = "간장계란볶음밥",
+                    introduction = "아주 간단하면서 맛있는 계란간장볶음밥으로 한끼식사 만들어보세요. 아이들이 더 좋아할거예요.",
+                    image = "https://recipe1.ezmember.co.kr/cache/recipe/2018/05/26/d0c6701bc673ac5c18183b47212a58571.jpg",
+                    link = "https://www.10000recipe.com/recipe/6889616",
+                    cookingTime = 10,
+                    servings = 2,
+                    difficulty = "Easy",
+                    have = listOf(""),
+                    need = listOf(""),
+                    isBookmarked = false,
+                ),
+                Recipe(
+                    id = 2,
+                    name = "간장계란볶음밥",
+                    introduction = "아주 간단하면서 맛있는 계란간장볶음밥으로 한끼식사 만들어보세요. 아이들이 더 좋아할거예요.",
+                    image = "https://recipe1.ezmember.co.kr/cache/recipe/2018/05/26/d0c6701bc673ac5c18183b47212a58571.jpg",
+                    link = "https://www.10000recipe.com/recipe/6889616",
+                    cookingTime = 10,
+                    servings = 2,
+                    difficulty = "Easy",
+                    have = listOf(""),
+                    need = listOf(""),
+                    isBookmarked = false,
+                ),
+
+                Recipe(
+                    id = 3,
+                    name = "간장계란볶음밥",
+                    introduction = "아주 간단하면서 맛있는 계란간장볶음밥으로 한끼식사 만들어보세요. 아이들이 더 좋아할거예요.",
+                    image = "https://recipe1.ezmember.co.kr/cache/recipe/2018/05/26/d0c6701bc673ac5c18183b47212a58571.jpg",
+                    link = "https://www.10000recipe.com/recipe/6889616",
+                    cookingTime = 10,
+                    servings = 2,
+                    difficulty = "Easy",
+                    have = listOf(""),
+                    need = listOf(""),
+                    isBookmarked = false,
+                ),
+            )
+        )
+    }
+
+    override suspend fun getRecipeDetail(id: Long): Result<Recipe> {
+        return Result.success(
+            Recipe(
+                id = id,
+                name = "간장계란볶음밥",
+                introduction = "아주 간단하면서 맛있는 계란간장볶음밥으로 한끼식사 만들어보세요. 아이들이 더 좋아할거예요.",
+                image = "https://recipe1.ezmember.co.kr/cache/recipe/2018/05/26/d0c6701bc673ac5c18183b47212a58571.jpg",
+                link = "https://www.10000recipe.com/recipe/6889616",
+                cookingTime = 10,
+                servings = 2,
+                difficulty = "Easy",
+                have = listOf(""),
+                need = listOf(""),
+                isBookmarked = false,
+            )
+        )
+    }
+}
diff --git a/Android/core/designsystem/src/main/java/com/sundaegukbap/banchango/core/designsystem/theme/Type.kt b/Android/core/designsystem/src/main/java/com/sundaegukbap/banchango/core/designsystem/theme/Type.kt
index c21d109..cf7c0af 100644
--- a/Android/core/designsystem/src/main/java/com/sundaegukbap/banchango/core/designsystem/theme/Type.kt
+++ b/Android/core/designsystem/src/main/java/com/sundaegukbap/banchango/core/designsystem/theme/Type.kt
@@ -15,20 +15,67 @@ val Typography = Typography(
         lineHeight = 24.sp,
         letterSpacing = 0.5.sp
     )
-    /* Other default text styles to override
-    titleLarge = TextStyle(
-        fontFamily = FontFamily.Default,
-        fontWeight = FontWeight.Normal,
-        fontSize = 22.sp,
-        lineHeight = 28.sp,
-        letterSpacing = 0.sp
-    ),
-    labelSmall = TextStyle(
-        fontFamily = FontFamily.Default,
-        fontWeight = FontWeight.Medium,
-        fontSize = 11.sp,
-        lineHeight = 16.sp,
-        letterSpacing = 0.5.sp
-    )
-    */
 )
+//val Cafe24SsurrroundBold14 = TextStyle(
+//    fontFamily = FontFamily(Font(R.font.cafe24_ssurrround)),
+//    fontWeight = FontWeight.Bold,
+//    fontSize = 14.sp,
+//    lineHeight = 22.sp,
+//    letterSpacing = 0.em
+//)
+//
+//val InterBold14 = TextStyle(
+//    fontFamily = FontFamily(Font(R.font.inter)),
+//    fontWeight = FontWeight.Bold,
+//    fontSize = 14.sp,
+//    lineHeight = 22.sp,
+//    letterSpacing = 0.em
+//)
+//
+//val MaruBuriBold20 = TextStyle(
+//    fontFamily = FontFamily(Font(R.font.maruburi)),
+//    fontWeight = FontWeight.Bold,
+//    fontSize = 20.sp,
+//    lineHeight = 22.sp,
+//    letterSpacing = 0.em
+//)
+//
+//val MaruBuriRegular14 = TextStyle(
+//    fontFamily = FontFamily(Font(R.font.maruburi)),
+//    fontWeight = FontWeight.Normal,
+//    fontSize = 14.sp,
+//    lineHeight = 22.sp,
+//    letterSpacing = 0.em
+//)
+//
+//val InterBold16 = TextStyle(
+//    fontFamily = FontFamily(Font(R.font.inter)),
+//    fontWeight = FontWeight.Bold,
+//    fontSize = 16.sp,
+//    lineHeight = 20.sp,
+//    letterSpacing = 0.em
+//)
+//
+//val InterRegular12 = TextStyle(
+//    fontFamily = FontFamily(Font(R.font.inter)),
+//    fontWeight = FontWeight.Normal,
+//    fontSize = 12.sp,
+//    lineHeight = 22.sp,
+//    letterSpacing = 0.em
+//)
+//
+//val InterSemiBold12 = TextStyle(
+//    fontFamily = FontFamily(Font(R.font.inter)),
+//    fontWeight = FontWeight.SemiBold,
+//    fontSize = 12.sp,
+//    lineHeight = 22.sp,
+//    letterSpacing = 0.em
+//)
+//
+//val InterMedium10 = TextStyle(
+//    fontFamily = FontFamily(Font(R.font.inter)),
+//    fontWeight = FontWeight.Medium,
+//    fontSize = 10.sp,
+//    lineHeight = 22.sp,
+//    letterSpacing = 0.em
+//)
diff --git a/Android/core/navigation/src/main/java/com/sundaegukbap/banchango/navigation/Route.kt b/Android/core/navigation/src/main/java/com/sundaegukbap/banchango/navigation/Route.kt
index 27a0199..8519929 100644
--- a/Android/core/navigation/src/main/java/com/sundaegukbap/banchango/navigation/Route.kt
+++ b/Android/core/navigation/src/main/java/com/sundaegukbap/banchango/navigation/Route.kt
@@ -4,7 +4,7 @@ import kotlinx.serialization.Serializable
 
 sealed interface Route {
     @Serializable
-    data class RecipeDetail(val recipeId: String) : Route
+    data class RecipeDetail(val recipeId: Long) : Route
 }
 
 sealed interface MainTabRoute : Route {
diff --git a/Android/feature/main/build.gradle.kts b/Android/feature/main/build.gradle.kts
index bbcb35b..c8270bb 100644
--- a/Android/feature/main/build.gradle.kts
+++ b/Android/feature/main/build.gradle.kts
@@ -44,7 +44,7 @@ dependencies {
     implementation(project(":core:model"))
     implementation(project(":core:designsystem"))
     implementation(project(":core:navigation"))
-    implementation(project(":feature:reciperecommend"))
+    implementation(project(":feature:recipe"))
     implementation(project(":feature:home"))
 
     implementation(libs.androidx.core.ktx)
diff --git a/Android/feature/main/src/main/java/com/sundaegukbap/banchango/feature/main/MainBottomBar.kt b/Android/feature/main/src/main/java/com/sundaegukbap/banchango/feature/main/MainBottomBar.kt
index c37cfa9..3b030cf 100644
--- a/Android/feature/main/src/main/java/com/sundaegukbap/banchango/feature/main/MainBottomBar.kt
+++ b/Android/feature/main/src/main/java/com/sundaegukbap/banchango/feature/main/MainBottomBar.kt
@@ -31,6 +31,7 @@ import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.res.painterResource
 import androidx.compose.ui.unit.IntOffset
 import androidx.compose.ui.unit.dp
+import com.sundaegukbap.banchango.core.designsystem.theme.Orange
 import kotlinx.collections.immutable.PersistentList
 
 @Composable
@@ -100,7 +101,7 @@ private fun RowScope.MainBottomBarItem(
             painter = painterResource(tab.iconResId),
             contentDescription = tab.contentDescription,
             tint = if (selected) {
-                Neon01
+                Orange
             } else {
                 MaterialTheme.colorScheme.outline
             },
@@ -108,5 +109,3 @@ private fun RowScope.MainBottomBarItem(
         )
     }
 }
-
-val Neon01 = Color(0xFF49F300)
diff --git a/Android/feature/main/src/main/java/com/sundaegukbap/banchango/feature/main/MainNavigator.kt b/Android/feature/main/src/main/java/com/sundaegukbap/banchango/feature/main/MainNavigator.kt
index 09ceaa0..96a46ce 100644
--- a/Android/feature/main/src/main/java/com/sundaegukbap/banchango/feature/main/MainNavigator.kt
+++ b/Android/feature/main/src/main/java/com/sundaegukbap/banchango/feature/main/MainNavigator.kt
@@ -10,7 +10,8 @@ import androidx.navigation.compose.currentBackStackEntryAsState
 import androidx.navigation.compose.rememberNavController
 import androidx.navigation.navOptions
 import com.sundaegukbap.banchango.feature.home.navigation.navigateHome
-import com.sundaegukbap.banchango.feature.reciperecommend.navigation.navigateRecipeRecommend
+import com.sundaegukbap.banchango.feature.recipe.navigation.navigateRecipeDetail
+import com.sundaegukbap.banchango.feature.recipe.navigation.navigateRecipeRecommend
 import com.sundaegukbap.banchango.navigation.MainTabRoute
 import com.sundaegukbap.banchango.navigation.Route
 
@@ -43,6 +44,10 @@ internal class MainNavigator(
         }
     }
 
+    fun navigateRecipeDetail(recipeId: Long) {
+        navController.navigateRecipeDetail(recipeId)
+    }
+
     private fun popBackStack() {
         navController.popBackStack()
     }
diff --git a/Android/feature/main/src/main/java/com/sundaegukbap/banchango/feature/main/MainScreen.kt b/Android/feature/main/src/main/java/com/sundaegukbap/banchango/feature/main/MainScreen.kt
index 20bdd6d..c0f88f7 100644
--- a/Android/feature/main/src/main/java/com/sundaegukbap/banchango/feature/main/MainScreen.kt
+++ b/Android/feature/main/src/main/java/com/sundaegukbap/banchango/feature/main/MainScreen.kt
@@ -9,7 +9,7 @@ import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
 import androidx.navigation.compose.NavHost
 import com.sundaegukbap.banchango.feature.home.navigation.homeNavGraph
-import com.sundaegukbap.banchango.feature.reciperecommend.navigation.recipeRecommendNavGraph
+import com.sundaegukbap.banchango.feature.recipe.navigation.recipeNavGraph
 import kotlinx.collections.immutable.toPersistentList
 
 @Composable
@@ -29,7 +29,10 @@ internal fun MainScreen(
                     startDestination = navigator.startDestination
                 ) {
                     homeNavGraph(padding = padding)
-                    recipeRecommendNavGraph(padding = padding)
+                    recipeNavGraph(
+                        padding = padding,
+                        onRecipeClick = { navigator.navigateRecipeDetail(it.id) }
+                    )
                 }
             }
         },
diff --git a/Android/feature/reciperecommend/.gitignore b/Android/feature/recipe/.gitignore
similarity index 100%
rename from Android/feature/reciperecommend/.gitignore
rename to Android/feature/recipe/.gitignore
diff --git a/Android/feature/reciperecommend/build.gradle.kts b/Android/feature/recipe/build.gradle.kts
similarity index 100%
rename from Android/feature/reciperecommend/build.gradle.kts
rename to Android/feature/recipe/build.gradle.kts
diff --git a/Android/feature/reciperecommend/consumer-rules.pro b/Android/feature/recipe/consumer-rules.pro
similarity index 100%
rename from Android/feature/reciperecommend/consumer-rules.pro
rename to Android/feature/recipe/consumer-rules.pro
diff --git a/Android/feature/reciperecommend/proguard-rules.pro b/Android/feature/recipe/proguard-rules.pro
similarity index 100%
rename from Android/feature/reciperecommend/proguard-rules.pro
rename to Android/feature/recipe/proguard-rules.pro
diff --git a/Android/feature/reciperecommend/src/androidTest/java/com/sundaegukbap/banchango/feature/.gitkeep b/Android/feature/recipe/src/androidTest/java/com/sundaegukbap/banchango/feature/.gitkeep
similarity index 100%
rename from Android/feature/reciperecommend/src/androidTest/java/com/sundaegukbap/banchango/feature/.gitkeep
rename to Android/feature/recipe/src/androidTest/java/com/sundaegukbap/banchango/feature/.gitkeep
diff --git a/Android/feature/reciperecommend/src/main/AndroidManifest.xml b/Android/feature/recipe/src/main/AndroidManifest.xml
similarity index 100%
rename from Android/feature/reciperecommend/src/main/AndroidManifest.xml
rename to Android/feature/recipe/src/main/AndroidManifest.xml
diff --git a/Android/feature/recipe/src/main/java/com/sundaegukbap/banchango/feature/recipe/navigation/RecipeNavigation.kt b/Android/feature/recipe/src/main/java/com/sundaegukbap/banchango/feature/recipe/navigation/RecipeNavigation.kt
new file mode 100644
index 0000000..6c43b22
--- /dev/null
+++ b/Android/feature/recipe/src/main/java/com/sundaegukbap/banchango/feature/recipe/navigation/RecipeNavigation.kt
@@ -0,0 +1,44 @@
+package com.sundaegukbap.banchango.feature.recipe.navigation
+
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.PaddingValues
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.material3.Text
+import androidx.compose.ui.Modifier
+import androidx.navigation.NavController
+import androidx.navigation.NavGraphBuilder
+import androidx.navigation.NavOptions
+import androidx.navigation.compose.composable
+import androidx.navigation.toRoute
+import com.sundaegukbap.banchango.Recipe
+import com.sundaegukbap.banchango.feature.recipe.recommend.RecipeRecommendRoute
+import com.sundaegukbap.banchango.navigation.MainTabRoute
+import com.sundaegukbap.banchango.navigation.Route
+
+fun NavController.navigateRecipeRecommend(navOptions: NavOptions) {
+    navigate(MainTabRoute.RecipeRecommend, navOptions)
+}
+
+fun NavController.navigateRecipeDetail(recipeId: Long) {
+    navigate(Route.RecipeDetail(recipeId))
+
+}
+
+fun NavGraphBuilder.recipeNavGraph(
+    padding: PaddingValues,
+    onRecipeClick: (Recipe) -> Unit
+) {
+    composable<MainTabRoute.RecipeRecommend> {
+        RecipeRecommendRoute(
+            padding = padding,
+            onRecipeClick = onRecipeClick
+        )
+    }
+
+    composable<Route.RecipeDetail> { navBackStackEntry ->
+        val recipeId = navBackStackEntry.toRoute<Route.RecipeDetail>().recipeId
+        Box(modifier = Modifier.fillMaxSize()) {
+            Text(text = "하이 $recipeId")
+        }
+    }
+}
diff --git a/Android/feature/reciperecommend/src/main/java/com/sundaegukbap/banchango/feature/reciperecommend/RecipeCard.kt b/Android/feature/recipe/src/main/java/com/sundaegukbap/banchango/feature/recipe/recommend/RecipeItem.kt
similarity index 54%
rename from Android/feature/reciperecommend/src/main/java/com/sundaegukbap/banchango/feature/reciperecommend/RecipeCard.kt
rename to Android/feature/recipe/src/main/java/com/sundaegukbap/banchango/feature/recipe/recommend/RecipeItem.kt
index f157d74..571da9e 100644
--- a/Android/feature/reciperecommend/src/main/java/com/sundaegukbap/banchango/feature/reciperecommend/RecipeCard.kt
+++ b/Android/feature/recipe/src/main/java/com/sundaegukbap/banchango/feature/recipe/recommend/RecipeItem.kt
@@ -1,6 +1,7 @@
-package com.sundaegukbap.banchango.feature.reciperecommend
+package com.sundaegukbap.banchango.feature.recipe.recommend
 
 import androidx.compose.foundation.background
+import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.fillMaxWidth
@@ -13,7 +14,6 @@ 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.graphics.graphicsLayer
 import androidx.compose.ui.text.TextStyle
 import androidx.compose.ui.text.font.FontWeight.Companion.Bold
 import androidx.compose.ui.text.style.TextAlign
@@ -25,37 +25,38 @@ import com.sundaegukbap.banchango.core.designsystem.component.NetworkImage
 import com.sundaegukbap.banchango.core.designsystem.theme.BanchangoTheme
 
 @Composable
-fun RecipeCard(
-    page: Int,
-    recipe: Recipe,
-    onHateClick: (page: Int) -> Unit = {},
-    onLikeClick: (page: Int) -> Unit = {},
+fun RecipeItem(
+    recipeItemUiState: RecipeRecommendItemUiState,
+    onRecipeClick: (Recipe) -> Unit = {},
+    onRecipeLikeClick: (Recipe) -> Unit = {},
 ) {
     Box(
         modifier = Modifier
             .fillMaxSize()
+
     ) {
         NetworkImage(
             modifier = Modifier
                 .clip(shape = RoundedCornerShape(32.dp))
-                .fillMaxSize(),
-            url = recipe.image,
+                .fillMaxSize()
+                .clickable {
+                    onRecipeClick(recipeItemUiState.recipe)
+                },
+            url = recipeItemUiState.recipe.image,
         )
         RecipeInfo(
-            modifier = Modifier
-                .fillMaxSize(),
-            recipe, page, onHateClick, onLikeClick
+            recipeItemUiState.recipe,
+            modifier = Modifier.fillMaxSize(),
+            onLikeClick = { onRecipeLikeClick(recipeItemUiState.recipe) }
         )
     }
 }
 
 @Composable
 private fun RecipeInfo(
-    modifier: Modifier,
     recipe: Recipe,
-    page: Int,
-    onHateClick: (page: Int) -> Unit,
-    onLikeClick: (page: Int) -> Unit
+    modifier: Modifier,
+    onLikeClick: () -> Unit,
 ) {
     Box(modifier = modifier) {
         Text(
@@ -72,72 +73,45 @@ private fun RecipeInfo(
                 .padding(16.dp),
         )
 
-        RecipeLikeHate(
-            modifier = Modifier
-                .fillMaxWidth()
-                .align(Alignment.BottomCenter),
-            recipe = recipe,
-            page = page,
-            onHateClick = onHateClick,
-            onLikeClick = onLikeClick
-        )
-    }
-}
-
-@Composable
-private fun RecipeLikeHate(
-    modifier: Modifier = Modifier,
-    recipe: Recipe,
-    page: Int,
-    onHateClick: (page: Int) -> Unit,
-    onLikeClick: (page: Int) -> Unit
-) {
-    Box(
-        modifier = modifier
-    ) {
         Text(
             text = "${recipe.have.count()} / ${recipe.need.count() + recipe.have.count()}",
-            modifier = Modifier.align(Alignment.Center),
-            color = Color.White,
-        )
-        Button(
             modifier = Modifier
                 .align(Alignment.BottomStart)
-                .padding(start = 24.dp, bottom = 12.dp),
-            onClick = { onHateClick(page) }
-        ) {
-            Text("싫어요")
-        }
+                .padding(start = 24.dp, bottom = 24.dp),
+            color = Color.White,
+        )
         Button(
             modifier = Modifier
                 .align(Alignment.BottomEnd)
                 .padding(end = 24.dp, bottom = 12.dp),
-            onClick = { onLikeClick(page) },
+            onClick = onLikeClick,
         ) {
             Text("좋아요")
         }
     }
 }
 
-
 @Preview(showBackground = true)
 @Composable
-fun RecipeCardPreview() {
+fun RecipeItemPreview() {
     BanchangoTheme {
-        RecipeCard(
-            page = 1, recipe = Recipe(
-                id = 1,
-                name = "간장계란볶음밥",
-                introduction = "아주 간단하면서 맛있는 계란간장볶음밥으로 한끼식사 만들어보세요. 아이들이 더 좋아할거예요.",
-                image = "https://recipe1.ezmember.co.kr/cache/recipe/2018/05/26/d0c6701bc673ac5c18183b47212a58571.jpg",
-                link = "https://www.10000recipe.com/recipe/6889616",
-                cookingTime = 10,
-                servings = 2,
-                difficulty = "Easy",
-                have = listOf(""),
-                need = listOf(""),
-                isBookmarked = false,
-            )
+        RecipeItem(
+            recipeItemUiState = RecipeRecommendItemUiState(
+                recipe = Recipe(
+                    id = 1,
+                    name = "간장계란볶음밥",
+                    introduction = "아주 간단하면서 맛있는 계란간장볶음밥으로 한끼식사 만들어보세요. 아이들이 더 좋아할거예요.",
+                    image = "https://recipe1.ezmember.co.kr/cache/recipe/2018/05/26/d0c6701bc673ac5c18183b47212a58571.jpg",
+                    link = "https://www.10000recipe.com/recipe/6889616",
+                    cookingTime = 10,
+                    servings = 2,
+                    difficulty = "Easy",
+                    have = listOf(""),
+                    need = listOf(""),
+                    isBookmarked = false,
+                ),
+                isLiked = true,
+            ),
         )
     }
 }
diff --git a/Android/feature/reciperecommend/src/main/java/com/sundaegukbap/banchango/feature/reciperecommend/RecipeRecommendItemUiState.kt b/Android/feature/recipe/src/main/java/com/sundaegukbap/banchango/feature/recipe/recommend/RecipeRecommendItemUiState.kt
similarity index 61%
rename from Android/feature/reciperecommend/src/main/java/com/sundaegukbap/banchango/feature/reciperecommend/RecipeRecommendItemUiState.kt
rename to Android/feature/recipe/src/main/java/com/sundaegukbap/banchango/feature/recipe/recommend/RecipeRecommendItemUiState.kt
index 0579177..dd9f943 100644
--- a/Android/feature/reciperecommend/src/main/java/com/sundaegukbap/banchango/feature/reciperecommend/RecipeRecommendItemUiState.kt
+++ b/Android/feature/recipe/src/main/java/com/sundaegukbap/banchango/feature/recipe/recommend/RecipeRecommendItemUiState.kt
@@ -1,9 +1,8 @@
-package com.sundaegukbap.banchango.feature.reciperecommend
+package com.sundaegukbap.banchango.feature.recipe.recommend
 
 import com.sundaegukbap.banchango.Recipe
 
 data class RecipeRecommendItemUiState(
     val recipe: Recipe,
-    val isHated: Boolean,
     val isLiked: Boolean,
 )
diff --git a/Android/feature/reciperecommend/src/main/java/com/sundaegukbap/banchango/feature/reciperecommend/RecipeRecommendUiState.kt b/Android/feature/recipe/src/main/java/com/sundaegukbap/banchango/feature/recipe/recommend/RecipeRecommendUiState.kt
similarity index 76%
rename from Android/feature/reciperecommend/src/main/java/com/sundaegukbap/banchango/feature/reciperecommend/RecipeRecommendUiState.kt
rename to Android/feature/recipe/src/main/java/com/sundaegukbap/banchango/feature/recipe/recommend/RecipeRecommendUiState.kt
index 7164684..1d10283 100644
--- a/Android/feature/reciperecommend/src/main/java/com/sundaegukbap/banchango/feature/reciperecommend/RecipeRecommendUiState.kt
+++ b/Android/feature/recipe/src/main/java/com/sundaegukbap/banchango/feature/recipe/recommend/RecipeRecommendUiState.kt
@@ -1,4 +1,4 @@
-package com.sundaegukbap.banchango.feature.reciperecommend
+package com.sundaegukbap.banchango.feature.recipe.recommend
 
 sealed interface RecipeRecommendUiState {
     data object Loading : RecipeRecommendUiState
diff --git a/Android/feature/recipe/src/main/java/com/sundaegukbap/banchango/feature/recipe/recommend/RecipeRecommendViewModel.kt b/Android/feature/recipe/src/main/java/com/sundaegukbap/banchango/feature/recipe/recommend/RecipeRecommendViewModel.kt
new file mode 100644
index 0000000..f77ffaf
--- /dev/null
+++ b/Android/feature/recipe/src/main/java/com/sundaegukbap/banchango/feature/recipe/recommend/RecipeRecommendViewModel.kt
@@ -0,0 +1,68 @@
+package com.sundaegukbap.banchango.feature.recipe.recommend
+
+import androidx.lifecycle.ViewModel
+import androidx.lifecycle.viewModelScope
+import com.sundaegukbap.banchango.Recipe
+import com.sundaegukbap.banchango.core.data.repository.api.RecipeRepository
+import dagger.hilt.android.lifecycle.HiltViewModel
+import kotlinx.coroutines.flow.MutableStateFlow
+import kotlinx.coroutines.flow.StateFlow
+import kotlinx.coroutines.flow.asStateFlow
+import kotlinx.coroutines.launch
+import javax.inject.Inject
+
+@HiltViewModel
+class RecipeRecommendViewModel @Inject constructor(
+    private val recipeRepository: RecipeRepository,
+) : ViewModel() {
+
+    private val _uiState: MutableStateFlow<RecipeRecommendUiState> =
+        MutableStateFlow(RecipeRecommendUiState.Loading)
+    val uiState: StateFlow<RecipeRecommendUiState> = _uiState.asStateFlow()
+
+    init {
+        viewModelScope.launch {
+            recipeRepository.getRecipeRecommendation().onSuccess { recipes ->
+                _uiState.value = RecipeRecommendUiState.Success(recipes.toUiState())
+            }.onFailure { throwable ->
+                throwable.printStackTrace()
+            }
+        }
+    }
+
+    fun getRecipeRecommendation() {
+        val successUiState = _uiState.value as? RecipeRecommendUiState.Success ?: return
+
+        viewModelScope.launch {
+            recipeRepository.getRecipeRecommendation()
+                .onSuccess { recipes ->
+                    _uiState.value = RecipeRecommendUiState.Success(
+                        successUiState.recipes + recipes.toUiState()
+                    )
+                }.onFailure { throwable ->
+                    throwable.printStackTrace()
+                }
+        }
+    }
+
+    fun likeRecipe(recipe: Recipe) {
+        val successUiState = _uiState.value as? RecipeRecommendUiState.Success ?: return
+        val likedRecipeUiStates = successUiState.recipes.map { recipeUiState ->
+            if (recipeUiState.recipe.id == recipe.id) {
+                recipeUiState.copy(isLiked = true)
+            } else {
+                recipeUiState
+            }
+        }
+        _uiState.value = RecipeRecommendUiState.Success(likedRecipeUiStates)
+    }
+
+    private fun List<Recipe>.toUiState(): List<RecipeRecommendItemUiState> {
+        return mapIndexed { index, recipe ->
+            RecipeRecommendItemUiState(
+                recipe = recipe.copy(name = recipe.name + index.toString()),
+                isLiked = false,
+            )
+        }
+    }
+}
diff --git a/Android/feature/recipe/src/main/java/com/sundaegukbap/banchango/feature/recipe/recommend/RecipesRecommendScreen.kt b/Android/feature/recipe/src/main/java/com/sundaegukbap/banchango/feature/recipe/recommend/RecipesRecommendScreen.kt
new file mode 100644
index 0000000..f96f44a
--- /dev/null
+++ b/Android/feature/recipe/src/main/java/com/sundaegukbap/banchango/feature/recipe/recommend/RecipesRecommendScreen.kt
@@ -0,0 +1,166 @@
+package com.sundaegukbap.banchango.feature.recipe.recommend
+
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.PaddingValues
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.pager.VerticalPager
+import androidx.compose.foundation.pager.rememberPagerState
+import androidx.compose.material3.CircularProgressIndicator
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.getValue
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import androidx.hilt.navigation.compose.hiltViewModel
+import androidx.lifecycle.compose.collectAsStateWithLifecycle
+import com.sundaegukbap.banchango.Recipe
+import com.sundaegukbap.banchango.core.designsystem.theme.BanchangoTheme
+
+@Composable
+fun RecipeRecommendRoute(
+    padding: PaddingValues,
+    viewModel: RecipeRecommendViewModel = hiltViewModel(),
+    onRecipeClick: (Recipe) -> Unit,
+) {
+    val uiState by viewModel.uiState.collectAsStateWithLifecycle()
+
+    LaunchedEffect(Unit) {
+        viewModel.getRecipeRecommendation()
+    }
+
+    RecipeRecommendContent(
+        padding = padding,
+        uiState = uiState,
+        onLikeClick = { viewModel.likeRecipe(it) },
+        onLastPageVisible = { viewModel.getRecipeRecommendation() },
+        onRecipeClick = onRecipeClick
+    )
+}
+
+@Composable
+fun RecipeRecommendContent(
+    padding: PaddingValues,
+    uiState: RecipeRecommendUiState,
+    onLikeClick: (Recipe) -> Unit,
+    onLastPageVisible: () -> Unit,
+    onRecipeClick: (Recipe) -> Unit,
+) {
+    when (uiState) {
+        is RecipeRecommendUiState.Loading -> {
+            RecipeRecommendLoading()
+        }
+
+        is RecipeRecommendUiState.Success -> {
+            RecipeRecommendScreen(
+                recipeRecommends = uiState.recipes,
+                padding = padding,
+                onLikeClick = onLikeClick,
+                onLastPageVisible = onLastPageVisible,
+                onRecipeClick = onRecipeClick
+            )
+        }
+    }
+}
+
+@Composable
+fun RecipeRecommendLoading() {
+    Box(modifier = Modifier.fillMaxSize(), contentAlignment = Alignment.Center) {
+        CircularProgressIndicator()
+    }
+}
+
+@Composable
+private fun RecipeRecommendScreen(
+    padding: PaddingValues,
+    recipeRecommends: List<RecipeRecommendItemUiState>,
+    onLikeClick: (Recipe) -> Unit,
+    onRecipeClick: (Recipe) -> Unit,
+    onLastPageVisible: () -> Unit,
+) {
+    val pagerState = rememberPagerState(pageCount = { recipeRecommends.size })
+
+    VerticalPager(
+        modifier = Modifier.padding(padding),
+        state = pagerState,
+        contentPadding = PaddingValues(vertical = 136.dp, horizontal = 32.dp),
+        pageSpacing = 24.dp,
+    ) { page ->
+
+        if (page >= recipeRecommends.size - 2) {
+            onLastPageVisible()
+        }
+        RecipeItem(
+            recipeItemUiState = recipeRecommends[page],
+            onRecipeClick = onRecipeClick,
+            onRecipeLikeClick = onLikeClick,
+        )
+    }
+}
+
+@Preview(showBackground = false)
+@Composable
+fun RecipePagePreview() {
+    BanchangoTheme {
+        RecipeRecommendContent(
+            padding = PaddingValues(16.dp),
+            onLikeClick = {},
+            onLastPageVisible = {},
+            onRecipeClick = {},
+            uiState = RecipeRecommendUiState.Success(
+                listOf(
+                    RecipeRecommendItemUiState(
+                        recipe = Recipe(
+                            id = 1,
+                            name = "간장계란볶음밥",
+                            introduction = "아주 간단하면서 맛있는 계란간장볶음밥으로 한끼식사 만들어보세요. 아이들이 더 좋아할거예요.",
+                            image = "https://recipe1.ezmember.co.kr/cache/recipe/2018/05/26/d0c6701bc673ac5c18183b47212a58571.jpg",
+                            link = "https://www.10000recipe.com/recipe/6889616",
+                            cookingTime = 10,
+                            servings = 2,
+                            difficulty = "Easy",
+                            have = listOf(""),
+                            need = listOf(""),
+                            isBookmarked = false,
+                        ),
+                        isLiked = false
+                    ),
+                    RecipeRecommendItemUiState(
+                        recipe = Recipe(
+                            id = 1,
+                            name = "간장계란볶음밥",
+                            introduction = "아주 간단하면서 맛있는 계란간장볶음밥으로 한끼식사 만들어보세요. 아이들이 더 좋아할거예요.",
+                            image = "https://recipe1.ezmember.co.kr/cache/recipe/2018/05/26/d0c6701bc673ac5c18183b47212a58571.jpg",
+                            link = "https://www.10000recipe.com/recipe/6889616",
+                            cookingTime = 10,
+                            servings = 2,
+                            difficulty = "Easy",
+                            have = listOf(""),
+                            need = listOf(""),
+                            isBookmarked = false,
+                        ),
+                        isLiked = false
+                    ),
+                    RecipeRecommendItemUiState(
+                        recipe = Recipe(
+                            id = 1,
+                            name = "간장계란볶음밥",
+                            introduction = "아주 간단하면서 맛있는 계란간장볶음밥으로 한끼식사 만들어보세요. 아이들이 더 좋아할거예요.",
+                            image = "https://recipe1.ezmember.co.kr/cache/recipe/2018/05/26/d0c6701bc673ac5c18183b47212a58571.jpg",
+                            link = "https://www.10000recipe.com/recipe/6889616",
+                            cookingTime = 10,
+                            servings = 2,
+                            difficulty = "Easy",
+                            have = listOf(""),
+                            need = listOf(""),
+                            isBookmarked = false,
+                        ),
+                        isLiked = false
+                    ),
+                )
+            )
+        )
+    }
+}
diff --git a/Android/feature/reciperecommend/src/test/java/com/sundaegukbap/banchango/feature/.gitkeep b/Android/feature/recipe/src/test/java/com/sundaegukbap/banchango/feature/.gitkeep
similarity index 100%
rename from Android/feature/reciperecommend/src/test/java/com/sundaegukbap/banchango/feature/.gitkeep
rename to Android/feature/recipe/src/test/java/com/sundaegukbap/banchango/feature/.gitkeep
diff --git a/Android/feature/reciperecommend/src/main/java/com/sundaegukbap/banchango/feature/reciperecommend/RecipeRecommendViewModel.kt b/Android/feature/reciperecommend/src/main/java/com/sundaegukbap/banchango/feature/reciperecommend/RecipeRecommendViewModel.kt
deleted file mode 100644
index 6f0da31..0000000
--- a/Android/feature/reciperecommend/src/main/java/com/sundaegukbap/banchango/feature/reciperecommend/RecipeRecommendViewModel.kt
+++ /dev/null
@@ -1,69 +0,0 @@
-package com.sundaegukbap.banchango.feature.reciperecommend
-
-import androidx.lifecycle.ViewModel
-import androidx.lifecycle.viewModelScope
-import com.sundaegukbap.banchango.core.data.repository.api.RecipeRepository
-import dagger.hilt.android.lifecycle.HiltViewModel
-import kotlinx.coroutines.flow.MutableStateFlow
-import kotlinx.coroutines.flow.StateFlow
-import kotlinx.coroutines.flow.asStateFlow
-import kotlinx.coroutines.launch
-import javax.inject.Inject
-
-@HiltViewModel
-class RecipeRecommendViewModel @Inject constructor(
-    private val recipeRepository: RecipeRepository,
-) : ViewModel() {
-
-    private val _uiState: MutableStateFlow<RecipeRecommendUiState> =
-        MutableStateFlow(RecipeRecommendUiState.Loading)
-    val uiState: StateFlow<RecipeRecommendUiState> = _uiState.asStateFlow()
-
-    init {
-        viewModelScope.launch {
-            recipeRepository.getRecipeRecommendation().onSuccess {
-                _uiState.value =
-                    RecipeRecommendUiState
-                        .Success((it + it + it + it + it)
-                            .mapIndexed { index, recipe ->
-                                RecipeRecommendItemUiState(
-                                    recipe = recipe.copy(name = recipe.name + index.toString()),
-                                    isHated = false,
-                                    isLiked = false,
-                                )
-                            })
-            }.onFailure { throwable ->
-                throwable.printStackTrace()
-            }
-        }
-    }
-
-    fun getRecipeRecommendation() {
-        val successUiState = _uiState.value as? RecipeRecommendUiState.Success ?: return
-
-        viewModelScope.launch {
-            recipeRepository.getRecipeRecommendation().onSuccess {
-                _uiState.value =
-                    RecipeRecommendUiState.Success(
-                        successUiState.recipes + (it + it + it + it + it)
-                            .mapIndexed { index, recipe ->
-                                RecipeRecommendItemUiState(
-                                    recipe = recipe.copy(name = recipe.name + index.toString()),
-                                    isHated = false,
-                                    isLiked = false,
-                                )
-                            })
-            }.onFailure { throwable ->
-                throwable.printStackTrace()
-            }
-        }
-    }
-
-    fun hateRecipe(page: Int) {
-        val successRecipes = _uiState.value as? RecipeRecommendUiState.Success ?: return
-        _uiState.value = RecipeRecommendUiState.Success(
-            // TODO : Hate
-            successRecipes.recipes.toMutableList().apply { removeAt(page) }
-        )
-    }
-}
diff --git a/Android/feature/reciperecommend/src/main/java/com/sundaegukbap/banchango/feature/reciperecommend/RecipesRecommendScreen.kt b/Android/feature/reciperecommend/src/main/java/com/sundaegukbap/banchango/feature/reciperecommend/RecipesRecommendScreen.kt
deleted file mode 100644
index 087eabf..0000000
--- a/Android/feature/reciperecommend/src/main/java/com/sundaegukbap/banchango/feature/reciperecommend/RecipesRecommendScreen.kt
+++ /dev/null
@@ -1,180 +0,0 @@
-package com.sundaegukbap.banchango.feature.reciperecommend
-
-import androidx.compose.animation.AnimatedVisibility
-import androidx.compose.animation.EnterTransition
-import androidx.compose.animation.fadeOut
-import androidx.compose.foundation.layout.Box
-import androidx.compose.foundation.layout.PaddingValues
-import androidx.compose.foundation.layout.fillMaxSize
-import androidx.compose.foundation.layout.padding
-import androidx.compose.foundation.pager.PagerState
-import androidx.compose.foundation.pager.VerticalPager
-import androidx.compose.foundation.pager.rememberPagerState
-import androidx.compose.material3.CircularProgressIndicator
-import androidx.compose.runtime.Composable
-import androidx.compose.runtime.LaunchedEffect
-import androidx.compose.runtime.getValue
-import androidx.compose.runtime.mutableStateOf
-import androidx.compose.runtime.remember
-import androidx.compose.runtime.rememberCoroutineScope
-import androidx.compose.runtime.setValue
-import androidx.compose.ui.Alignment
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.unit.dp
-import androidx.hilt.navigation.compose.hiltViewModel
-import androidx.lifecycle.compose.collectAsStateWithLifecycle
-import kotlinx.coroutines.CoroutineScope
-import kotlinx.coroutines.delay
-import kotlinx.coroutines.launch
-
-@Composable
-fun RecipeRecommendRoute(
-    padding: PaddingValues,
-    viewModel: RecipeRecommendViewModel = hiltViewModel(),
-) {
-    val uiState by viewModel.uiState.collectAsStateWithLifecycle()
-
-    LaunchedEffect(Unit) {
-        viewModel.getRecipeRecommendation()
-    }
-
-    RecipeRecommendContent(
-        padding = padding,
-        uiState = uiState,
-        onHateClick = viewModel::hateRecipe,
-        onLastPageVisible = viewModel::getRecipeRecommendation,
-    )
-}
-
-@Composable
-fun RecipeRecommendContent(
-    padding: PaddingValues,
-    uiState: RecipeRecommendUiState,
-    onHateClick: (Int) -> Unit = {},
-    onLikeClick: (Int) -> Unit = {},
-    onLastPageVisible: () -> Unit = {},
-) {
-
-    when (uiState) {
-        is RecipeRecommendUiState.Loading -> {
-            RecipeRecommendLoading()
-        }
-
-        is RecipeRecommendUiState.Success -> {
-            RecipeRecommendScreen(
-                recipeRecommends = uiState.recipes,
-                padding = padding,
-                onHateClick = onHateClick,
-                onLikeClick = onLikeClick,
-                onLastPageVisible = onLastPageVisible,
-            )
-        }
-    }
-}
-
-
-@Composable
-fun RecipeRecommendLoading() {
-    Box(modifier = Modifier.fillMaxSize(), contentAlignment = Alignment.Center) {
-        CircularProgressIndicator()
-    }
-}
-
-@Composable
-private fun RecipeRecommendScreen(
-    padding: PaddingValues,
-    recipeRecommends: List<RecipeRecommendItemUiState>,
-    onHateClick: (Int) -> Unit,
-    onLikeClick: (Int) -> Unit,
-    onLastPageVisible: () -> Unit = {},
-) {
-    val pagerState = rememberPagerState(pageCount = { recipeRecommends.size })
-    val coroutineScope = rememberCoroutineScope()
-
-    VerticalPager(
-        modifier = Modifier.padding(padding),
-        state = pagerState,
-        contentPadding = PaddingValues(vertical = 136.dp, horizontal = 32.dp),
-        pageSpacing = 24.dp,
-    ) { page ->
-
-        var visible by remember { mutableStateOf(true) }
-
-        if (page >= recipeRecommends.size - 2) {
-            onLastPageVisible()
-        }
-
-        RecipePage(
-            visible = visible,
-            page = page,
-            recipeRecommends = recipeRecommends,
-            onLikeClick = {
-                coroutineScope.launch {
-                    onLikeClick(it)
-                    pagerState.animateScrollToPage(it + 1)
-                }
-            },
-            onHateClick = { visible = false },
-        )
-
-        LaunchedEffect(visible) {
-            if (!visible) {
-                delay(300)
-                coroutineScope.launch {
-                    val currentPage = pagerState.currentPage
-                    when {
-                        currentPage + 1 < recipeRecommends.size && currentPage > 0 -> {
-                            visible = true
-                            pagerState.animateScrollToPage(page + 1)
-                        }
-
-                        currentPage + 1 < recipeRecommends.size -> {
-                            pagerState.animateScrollToPage(page + 1)
-                        }
-
-                        currentPage + 1 == recipeRecommends.size -> {
-                            pagerState.animateScrollToPage(page - 1)
-                        }
-                    }
-
-                    delay(300)
-                    onHateClick(page)
-                    visible = true
-
-                    when {
-                        currentPage < recipeRecommends.size -> {
-                            pagerState.scrollToPage(currentPage)
-                        }
-
-                        recipeRecommends.isNotEmpty() -> {
-                            pagerState.scrollToPage(recipeRecommends.size - 1)
-                        }
-                    }
-                }
-            }
-        }
-    }
-}
-
-
-@Composable
-private fun RecipePage(
-    visible: Boolean,
-    page: Int,
-    recipeRecommends: List<RecipeRecommendItemUiState>,
-    onLikeClick: (Int) -> Unit,
-    onHateClick: (Int) -> Unit,
-) {
-    AnimatedVisibility(
-        visible = visible,
-        enter = EnterTransition.None,
-        exit = fadeOut(),
-    ) {
-        RecipeCard(
-            page = page,
-            recipe = recipeRecommends[page].recipe,
-            onLikeClick = onLikeClick,
-            onHateClick = onHateClick,
-        )
-    }
-}
diff --git a/Android/feature/reciperecommend/src/main/java/com/sundaegukbap/banchango/feature/reciperecommend/navigation/RecipeRecommendNavigation.kt b/Android/feature/reciperecommend/src/main/java/com/sundaegukbap/banchango/feature/reciperecommend/navigation/RecipeRecommendNavigation.kt
deleted file mode 100644
index ec32367..0000000
--- a/Android/feature/reciperecommend/src/main/java/com/sundaegukbap/banchango/feature/reciperecommend/navigation/RecipeRecommendNavigation.kt
+++ /dev/null
@@ -1,19 +0,0 @@
-package com.sundaegukbap.banchango.feature.reciperecommend.navigation
-
-import androidx.compose.foundation.layout.PaddingValues
-import androidx.navigation.NavController
-import androidx.navigation.NavGraphBuilder
-import androidx.navigation.NavOptions
-import androidx.navigation.compose.composable
-import com.sundaegukbap.banchango.feature.reciperecommend.RecipeRecommendRoute
-import com.sundaegukbap.banchango.navigation.MainTabRoute
-
-fun NavController.navigateRecipeRecommend(navOptions: NavOptions) {
-    navigate(MainTabRoute.RecipeRecommend, navOptions)
-}
-
-fun NavGraphBuilder.recipeRecommendNavGraph(padding: PaddingValues) {
-    composable<MainTabRoute.RecipeRecommend> {
-        RecipeRecommendRoute(padding)
-    }
-}
diff --git a/Android/settings.gradle.kts b/Android/settings.gradle.kts
index 8a1c1d4..3e2d82b 100644
--- a/Android/settings.gradle.kts
+++ b/Android/settings.gradle.kts
@@ -24,7 +24,7 @@ include(":app")
 include(":core:domain")
 include(":core:model")
 include(":core:designsystem")
-include(":feature:reciperecommend")
+include(":feature:recipe")
 include(":feature:main")
 include(":core:data-api")
 include(":core:navigation")