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 606ee67..53d2183 100644
--- a/Android/.idea/gradle.xml
+++ b/Android/.idea/gradle.xml
@@ -5,12 +5,13 @@
     <option name="linkedExternalProjectsSettings">
       <GradleProjectSettings>
         <option name="externalProjectPath" value="$PROJECT_DIR$" />
-        <option name="gradleJvm" value="#GRADLE_LOCAL_JAVA_HOME" />
+        <option name="gradleJvm" value="corretto-17" />
         <option name="modules">
           <set>
             <option value="$PROJECT_DIR$" />
             <option value="$PROJECT_DIR$/app" />
             <option value="$PROJECT_DIR$/core" />
+            <option value="$PROJECT_DIR$/core/data" />
             <option value="$PROJECT_DIR$/core/data-api" />
             <option value="$PROJECT_DIR$/core/designsystem" />
             <option value="$PROJECT_DIR$/core/domain" />
@@ -19,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/.idea/misc.xml b/Android/.idea/misc.xml
index 0ad17cb..40c82cb 100644
--- a/Android/.idea/misc.xml
+++ b/Android/.idea/misc.xml
@@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
   <component name="ExternalStorageConfigurationManager" enabled="true" />
-  <component name="ProjectRootManager" version="2" languageLevel="JDK_17" default="true" project-jdk-name="jbr-17" project-jdk-type="JavaSDK">
+  <component name="ProjectRootManager" version="2" languageLevel="JDK_17" default="true" project-jdk-name="corretto-17" project-jdk-type="JavaSDK">
     <output url="file://$PROJECT_DIR$/build/classes" />
   </component>
   <component name="ProjectType">
diff --git a/Android/app/build.gradle.kts b/Android/app/build.gradle.kts
index 79c4990..0de2262 100644
--- a/Android/app/build.gradle.kts
+++ b/Android/app/build.gradle.kts
@@ -53,9 +53,9 @@ android {
 
 dependencies {
 
-    // feature
+    // modules
     implementation(project(":feature:main"))
-    implementation(project(":feature:reciperecommend"))
+
     implementation(libs.androidx.core.ktx)
     implementation(libs.androidx.lifecycle.runtime.ktx)
     implementation(libs.androidx.activity.compose)
diff --git a/Android/core/data-api/build.gradle.kts b/Android/core/data-api/build.gradle.kts
index 2d9b08b..2b4d354 100644
--- a/Android/core/data-api/build.gradle.kts
+++ b/Android/core/data-api/build.gradle.kts
@@ -1,6 +1,8 @@
 plugins {
     alias(libs.plugins.android.library)
     alias(libs.plugins.jetbrains.kotlin.android)
+    alias(libs.plugins.hilt)
+    alias(libs.plugins.org.jetbrains.kotlin.kapt)
 }
 
 android {
@@ -40,4 +42,7 @@ dependencies {
     testImplementation(libs.junit)
     androidTestImplementation(libs.androidx.junit)
     androidTestImplementation(libs.androidx.espresso.core)
+
+    implementation(libs.dagger.hilt.android)
+    kapt(libs.dagger.hilt.compiler)
 }
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 945b435..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
@@ -3,5 +3,6 @@ package com.sundaegukbap.banchango.core.data.repository.api
 import com.sundaegukbap.banchango.Recipe
 
 interface RecipeRepository {
-    fun getRecipeRecommendation(): List<Recipe>
+    suspend fun getRecipeRecommendation(): Result<List<Recipe>>
+    suspend fun getRecipeDetail(id: Long): Result<Recipe>
 }
diff --git a/Android/feature/reciperecommend/.gitignore b/Android/core/data/.gitignore
similarity index 100%
rename from Android/feature/reciperecommend/.gitignore
rename to Android/core/data/.gitignore
diff --git a/Android/core/data/build.gradle.kts b/Android/core/data/build.gradle.kts
new file mode 100644
index 0000000..d182a89
--- /dev/null
+++ b/Android/core/data/build.gradle.kts
@@ -0,0 +1,68 @@
+import com.android.build.gradle.internal.cxx.configure.gradleLocalProperties
+
+plugins {
+    alias(libs.plugins.android.library)
+    alias(libs.plugins.jetbrains.kotlin.android)
+    alias(libs.plugins.hilt)
+    alias(libs.plugins.org.jetbrains.kotlin.kapt)
+    alias(libs.plugins.kotlin.serialization)
+}
+
+android {
+    namespace = "com.sundaegukbap.banchango.core.data"
+    compileSdk = 34
+
+    defaultConfig {
+        minSdk = 28
+        buildConfigField("String", "BASE_URL", getSecretKey("base_url"))
+
+        testInstrumentationRunner = "androidx.test.runner.AndroidJUnitRunner"
+        consumerProguardFiles("consumer-rules.pro")
+    }
+    buildTypes {
+        release {
+            isMinifyEnabled = false
+            proguardFiles(
+                getDefaultProguardFile("proguard-android-optimize.txt"),
+                "proguard-rules.pro"
+            )
+        }
+    }
+    compileOptions {
+        sourceCompatibility = JavaVersion.VERSION_17
+        targetCompatibility = JavaVersion.VERSION_17
+    }
+    kotlinOptions {
+        jvmTarget = "17"
+    }
+    buildFeatures {
+        buildConfig = true
+    }
+}
+
+dependencies {
+
+    // modules
+    implementation(project(":core:model"))
+    implementation(project(":core:data-api"))
+
+    implementation(libs.androidx.core.ktx)
+    implementation(libs.androidx.appcompat)
+    implementation(libs.material)
+    testImplementation(libs.junit)
+    androidTestImplementation(libs.androidx.junit)
+    androidTestImplementation(libs.androidx.espresso.core)
+
+    // hilt
+    implementation(libs.dagger.hilt.android)
+    kapt(libs.dagger.hilt.compiler)
+
+    // okhttp3
+    implementation(libs.okhttp3.okhttp)
+    implementation(libs.retrofit2.kotlinx.serialization.converter)
+    implementation(libs.kotlinx.serialization.json)
+}
+
+fun getSecretKey(propertyKey: String): String {
+    return gradleLocalProperties(rootDir, providers).getProperty(propertyKey)
+}
diff --git a/Android/feature/reciperecommend/consumer-rules.pro b/Android/core/data/consumer-rules.pro
similarity index 100%
rename from Android/feature/reciperecommend/consumer-rules.pro
rename to Android/core/data/consumer-rules.pro
diff --git a/Android/feature/reciperecommend/proguard-rules.pro b/Android/core/data/proguard-rules.pro
similarity index 100%
rename from Android/feature/reciperecommend/proguard-rules.pro
rename to Android/core/data/proguard-rules.pro
diff --git a/Android/core/data/src/main/AndroidManifest.xml b/Android/core/data/src/main/AndroidManifest.xml
new file mode 100644
index 0000000..2d10029
--- /dev/null
+++ b/Android/core/data/src/main/AndroidManifest.xml
@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest />
+
diff --git a/Android/core/data/src/main/java/com/sundaegukbap/banchango/core/data/api/RecipeApi.kt b/Android/core/data/src/main/java/com/sundaegukbap/banchango/core/data/api/RecipeApi.kt
new file mode 100644
index 0000000..25aada2
--- /dev/null
+++ b/Android/core/data/src/main/java/com/sundaegukbap/banchango/core/data/api/RecipeApi.kt
@@ -0,0 +1,19 @@
+package com.sundaegukbap.banchango.core.data.api
+
+import com.sundaegukbap.banchango.core.data.api.model.RecipeRecommendResponse
+import retrofit2.Response
+import retrofit2.http.GET
+import retrofit2.http.Path
+
+internal interface RecipeApi {
+    @GET("api/recipe/recommand/{userId}")
+    suspend fun getRecipeRecommendation(
+        @Path("userId") userId: Long
+    ): Response<List<RecipeRecommendResponse>>
+
+    @GET("api/recipe/{userId}/{recipeId}")
+    suspend fun getRecipeDetail(
+        @Path("userId") userId: Long,
+        @Path("recipeId") recipeId: Long
+    ): Response<RecipeRecommendResponse>
+}
diff --git a/Android/core/data/src/main/java/com/sundaegukbap/banchango/core/data/api/model/RecipeRecommendResponse.kt b/Android/core/data/src/main/java/com/sundaegukbap/banchango/core/data/api/model/RecipeRecommendResponse.kt
new file mode 100644
index 0000000..5da78c7
--- /dev/null
+++ b/Android/core/data/src/main/java/com/sundaegukbap/banchango/core/data/api/model/RecipeRecommendResponse.kt
@@ -0,0 +1,8 @@
+package com.sundaegukbap.banchango.core.data.api.model
+
+import kotlinx.serialization.Serializable
+
+@Serializable
+data class RecipeRecommendsResponse(
+    val recipeRecommends: List<RecipeRecommendResponse>
+)
diff --git a/Android/core/data/src/main/java/com/sundaegukbap/banchango/core/data/api/model/RecipeRecommendResponseItem.kt b/Android/core/data/src/main/java/com/sundaegukbap/banchango/core/data/api/model/RecipeRecommendResponseItem.kt
new file mode 100644
index 0000000..7189032
--- /dev/null
+++ b/Android/core/data/src/main/java/com/sundaegukbap/banchango/core/data/api/model/RecipeRecommendResponseItem.kt
@@ -0,0 +1,18 @@
+package com.sundaegukbap.banchango.core.data.api.model
+
+import kotlinx.serialization.Serializable
+
+@Serializable
+data class RecipeRecommendResponse(
+    val id: Long,
+    val name: String,
+    val introduction: String,
+    val image: String,
+    val link: String,
+    val have: List<String>,
+    val need: List<String>,
+    val servings: Int,
+    val cookingTime: Int,
+    val isBookmarked: Boolean,
+    val difficulty: String
+)
diff --git a/Android/core/data/src/main/java/com/sundaegukbap/banchango/core/data/di/ApiModule.kt b/Android/core/data/src/main/java/com/sundaegukbap/banchango/core/data/di/ApiModule.kt
new file mode 100644
index 0000000..9c31690
--- /dev/null
+++ b/Android/core/data/src/main/java/com/sundaegukbap/banchango/core/data/di/ApiModule.kt
@@ -0,0 +1,58 @@
+package com.sundaegukbap.banchango.core.data.di
+
+import com.jakewharton.retrofit2.converter.kotlinx.serialization.asConverterFactory
+import com.sundaegukbap.banchango.core.data.BuildConfig
+import com.sundaegukbap.banchango.core.data.api.RecipeApi
+import dagger.Module
+import dagger.Provides
+import dagger.hilt.InstallIn
+import dagger.hilt.components.SingletonComponent
+import kotlinx.serialization.json.Json
+import okhttp3.MediaType.Companion.toMediaType
+import retrofit2.Retrofit
+import javax.inject.Qualifier
+import javax.inject.Singleton
+
+@Qualifier
+@Retention(AnnotationRetention.BINARY)
+annotation class BaseUrlQualifier
+
+@Qualifier
+@Retention(AnnotationRetention.BINARY)
+annotation class DefaultRetrofitQualifier
+
+@Module
+@InstallIn(SingletonComponent::class)
+internal object ApiModule {
+
+    @Provides
+    @Singleton
+    fun provideRetrofitConverterFactory(): retrofit2.Converter.Factory {
+        val json = Json {
+            ignoreUnknownKeys = true
+        }
+        return json.asConverterFactory("application/json".toMediaType())
+    }
+
+    @Provides
+    @Singleton
+    @DefaultRetrofitQualifier
+    fun providesDefaultRetrofit(
+        @BaseUrlQualifier baseUrl: String,
+        converterFactory: retrofit2.Converter.Factory,
+    ): Retrofit = Retrofit.Builder()
+        .baseUrl(baseUrl)
+        .addConverterFactory(converterFactory)
+        .build()
+
+    @Provides
+    @Singleton
+    @BaseUrlQualifier
+    fun providesBaseUrl(): String = BuildConfig.BASE_URL
+
+    @Provides
+    @Singleton
+    fun providesRecipeRecommendApi(
+        @DefaultRetrofitQualifier retrofit: Retrofit
+    ): RecipeApi = retrofit.create(RecipeApi::class.java)
+}
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
new file mode 100644
index 0000000..323553a
--- /dev/null
+++ b/Android/core/data/src/main/java/com/sundaegukbap/banchango/core/data/di/RepositoryModule.kt
@@ -0,0 +1,16 @@
+package com.sundaegukbap.banchango.core.data.di
+
+import com.sundaegukbap.banchango.core.data.repository.FakeRecipeRepository
+import com.sundaegukbap.banchango.core.data.repository.api.RecipeRepository
+import dagger.Binds
+import dagger.Module
+import dagger.hilt.InstallIn
+import dagger.hilt.components.SingletonComponent
+
+@InstallIn(SingletonComponent::class)
+@Module
+internal abstract class RepositoryModule {
+
+    @Binds
+    abstract fun bindsRecipeRepository(recipeRepository: FakeRecipeRepository): RecipeRepository
+}
diff --git a/Android/core/data/src/main/java/com/sundaegukbap/banchango/core/data/mapper/RecipeMapper.kt b/Android/core/data/src/main/java/com/sundaegukbap/banchango/core/data/mapper/RecipeMapper.kt
new file mode 100644
index 0000000..54be7dd
--- /dev/null
+++ b/Android/core/data/src/main/java/com/sundaegukbap/banchango/core/data/mapper/RecipeMapper.kt
@@ -0,0 +1,22 @@
+package com.sundaegukbap.banchango.core.data.mapper
+
+import com.sundaegukbap.banchango.Recipe
+import com.sundaegukbap.banchango.core.data.api.model.RecipeRecommendResponse
+
+internal fun List<RecipeRecommendResponse>.toData(): List<Recipe> = map { it.toData() }
+
+internal fun RecipeRecommendResponse.toData(): Recipe {
+    return Recipe(
+        id = id,
+        name = name,
+        introduction = introduction,
+        image = image,
+        link = link,
+        have = have,
+        need = need,
+        servings = servings,
+        cookingTime = cookingTime,
+        isBookmarked = isBookmarked,
+        difficulty = difficulty,
+    )
+}
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
new file mode 100644
index 0000000..6383f53
--- /dev/null
+++ b/Android/core/data/src/main/java/com/sundaegukbap/banchango/core/data/repository/DefaultRecipeRepository.kt
@@ -0,0 +1,39 @@
+package com.sundaegukbap.banchango.core.data.repository
+
+import com.sundaegukbap.banchango.Recipe
+import com.sundaegukbap.banchango.core.data.api.RecipeApi
+import com.sundaegukbap.banchango.core.data.mapper.toData
+import com.sundaegukbap.banchango.core.data.repository.api.RecipeRepository
+import javax.inject.Inject
+
+internal class DefaultRecipeRepository @Inject constructor(
+    private val recipeApi: RecipeApi,
+) : RecipeRepository {
+    override suspend fun getRecipeRecommendation(): Result<List<Recipe>> {
+        return runCatching {
+            val response = recipeApi.getRecipeRecommendation(1)
+            if (response.isSuccessful) {
+                if (response.body() == null) {
+                    throw IllegalStateException("Response body is null")
+                }
+                response.body()!!.toData()
+            } else {
+                throw IllegalStateException("Response is not successful")
+            }
+        }
+    }
+
+    override suspend fun getRecipeDetail(id: Long): Result<Recipe> {
+        return runCatching {
+            val response = recipeApi.getRecipeDetail(1, id.toLong())
+            if (response.isSuccessful) {
+                if (response.body() == null) {
+                    throw IllegalStateException("Response body is null")
+                }
+                response.body()!!.toData()
+            } else {
+                throw IllegalStateException("Response is not successful")
+            }
+        }
+    }
+}
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/feature/reciperecommend/src/androidTest/java/com/sundaegukbap/banchango/feature/.gitkeep b/Android/core/data/src/test/java/com/sundaegukbap/banchango/core/data/.gitkeep
similarity index 100%
rename from Android/feature/reciperecommend/src/androidTest/java/com/sundaegukbap/banchango/feature/.gitkeep
rename to Android/core/data/src/test/java/com/sundaegukbap/banchango/core/data/.gitkeep
diff --git a/Android/core/designsystem/src/main/java/com/sundaegukbap/banchango/core/designsystem/theme/Color.kt b/Android/core/designsystem/src/main/java/com/sundaegukbap/banchango/core/designsystem/theme/Color.kt
index 5a18cf7..4eb5ca2 100644
--- a/Android/core/designsystem/src/main/java/com/sundaegukbap/banchango/core/designsystem/theme/Color.kt
+++ b/Android/core/designsystem/src/main/java/com/sundaegukbap/banchango/core/designsystem/theme/Color.kt
@@ -9,3 +9,12 @@ val Pink80 = Color(0xFFEFB8C8)
 val Purple40 = Color(0xFF6650a4)
 val PurpleGrey40 = Color(0xFF625b71)
 val Pink40 = Color(0xFF7D5260)
+
+val Orange = Color(0xFFFF7A00)
+val LightBeige = Color(0xFFF5EB)
+val White = Color(0xFFFFFFFF)
+val Black = Color(0xFF000000)
+
+// 투명도 50%
+val SemiTransparentOrange = Color(0x80FF7A00)
+val SemiTransparentBlack = Color(0x80000000)
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/domain/build.gradle.kts b/Android/core/domain/build.gradle.kts
index 793bed4..0708026 100644
--- a/Android/core/domain/build.gradle.kts
+++ b/Android/core/domain/build.gradle.kts
@@ -1,9 +1,17 @@
 plugins {
-    id("java-library")
     alias(libs.plugins.jetbrains.kotlin.jvm)
 }
 
-java {
-    sourceCompatibility = JavaVersion.VERSION_17
-    targetCompatibility = JavaVersion.VERSION_17
+kotlin.jvmToolchain(17)
+
+tasks {
+    compileKotlin {
+        kotlinOptions.jvmTarget = "17"
+    }
+    compileTestKotlin {
+        kotlinOptions.jvmTarget = "17"
+    }
+    test {
+        useJUnitPlatform()
+    }
 }
diff --git a/Android/core/model/build.gradle.kts b/Android/core/model/build.gradle.kts
index 793bed4..0708026 100644
--- a/Android/core/model/build.gradle.kts
+++ b/Android/core/model/build.gradle.kts
@@ -1,9 +1,17 @@
 plugins {
-    id("java-library")
     alias(libs.plugins.jetbrains.kotlin.jvm)
 }
 
-java {
-    sourceCompatibility = JavaVersion.VERSION_17
-    targetCompatibility = JavaVersion.VERSION_17
+kotlin.jvmToolchain(17)
+
+tasks {
+    compileKotlin {
+        kotlinOptions.jvmTarget = "17"
+    }
+    compileTestKotlin {
+        kotlinOptions.jvmTarget = "17"
+    }
+    test {
+        useJUnitPlatform()
+    }
 }
diff --git a/Android/core/model/src/main/java/com/sundaegukbap/banchango/Recipe.kt b/Android/core/model/src/main/java/com/sundaegukbap/banchango/Recipe.kt
index 8822006..4ff188b 100644
--- a/Android/core/model/src/main/java/com/sundaegukbap/banchango/Recipe.kt
+++ b/Android/core/model/src/main/java/com/sundaegukbap/banchango/Recipe.kt
@@ -9,6 +9,7 @@ data class Recipe(
     val cookingTime: Int,
     val servings: Int,
     val difficulty: String,
-    val have: List<Int>,
-    val need: List<Int>
+    val isBookmarked: Boolean,
+    val have: List<String>,
+    val need: List<String>
 )
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 22dc5d4..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
@@ -1,15 +1,11 @@
 package com.sundaegukbap.banchango.feature.main
 
 import androidx.compose.animation.AnimatedVisibility
-import androidx.compose.runtime.Composable
-import androidx.compose.ui.Modifier
-import kotlinx.collections.immutable.PersistentList
 import androidx.compose.animation.fadeIn
 import androidx.compose.animation.fadeOut
 import androidx.compose.animation.slideIn
 import androidx.compose.animation.slideOut
 import androidx.compose.foundation.background
-import androidx.compose.foundation.border
 import androidx.compose.foundation.interaction.MutableInteractionSource
 import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Box
@@ -25,12 +21,18 @@ import androidx.compose.foundation.selection.selectable
 import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.material3.Icon
 import androidx.compose.material3.MaterialTheme
+import androidx.compose.runtime.Composable
 import androidx.compose.runtime.remember
 import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.drawBehind
+import androidx.compose.ui.geometry.Offset
 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
 internal fun MainBottomBar(
@@ -47,18 +49,21 @@ internal fun MainBottomBar(
         Row(
             modifier = Modifier
                 .navigationBarsPadding()
-                .padding(start = 8.dp, end = 8.dp, bottom = 28.dp)
                 .fillMaxWidth()
                 .height(56.dp)
-                .border(
-                    width = 1.dp,
-                    color = MaterialTheme.colorScheme.outline,
-                    shape = RoundedCornerShape(size = 28.dp)
-                )
                 .background(
                     color = MaterialTheme.colorScheme.surface,
                     shape = RoundedCornerShape(28.dp)
                 )
+                .drawBehind {
+                    val borderWidth = 0.2.dp.toPx()
+                    drawLine(
+                        color = Color.Gray,
+                        start = Offset(0f, borderWidth / 2),
+                        end = Offset(size.width, borderWidth / 2),
+                        strokeWidth = borderWidth
+                    )
+                }
                 .padding(horizontal = 28.dp),
             horizontalArrangement = Arrangement.spacedBy(8.dp),
         ) {
@@ -96,7 +101,7 @@ private fun RowScope.MainBottomBarItem(
             painter = painterResource(tab.iconResId),
             contentDescription = tab.contentDescription,
             tint = if (selected) {
-                Neon01
+                Orange
             } else {
                 MaterialTheme.colorScheme.outline
             },
@@ -104,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 b37cd94..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
 
@@ -21,7 +22,7 @@ internal class MainNavigator(
         @Composable get() = navController
             .currentBackStackEntryAsState().value?.destination
 
-    val startDestination = MainTab.RECIPE_RECOMMEND.route
+    val startDestination = MainTab.HOME.route
 
     val currentTab: MainTab?
         @Composable get() = MainTab.find { tab ->
@@ -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 cb008ac..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
@@ -2,17 +2,14 @@ package com.sundaegukbap.banchango.feature.main
 
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
-import androidx.compose.foundation.layout.PaddingValues
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.Scaffold
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
-import androidx.compose.ui.unit.dp
 import androidx.navigation.compose.NavHost
 import com.sundaegukbap.banchango.feature.home.navigation.homeNavGraph
-import com.sundaegukbap.banchango.feature.reciperecommend.RecipesRecommendScreen
-import com.sundaegukbap.banchango.feature.reciperecommend.navigation.recipeRecommendNavGraph
+import com.sundaegukbap.banchango.feature.recipe.navigation.recipeNavGraph
 import kotlinx.collections.immutable.toPersistentList
 
 @Composable
@@ -32,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/recipe/.gitignore b/Android/feature/recipe/.gitignore
new file mode 100644
index 0000000..42afabf
--- /dev/null
+++ b/Android/feature/recipe/.gitignore
@@ -0,0 +1 @@
+/build
\ No newline at end of file
diff --git a/Android/feature/reciperecommend/build.gradle.kts b/Android/feature/recipe/build.gradle.kts
similarity index 96%
rename from Android/feature/reciperecommend/build.gradle.kts
rename to Android/feature/recipe/build.gradle.kts
index b417871..e90a9eb 100644
--- a/Android/feature/reciperecommend/build.gradle.kts
+++ b/Android/feature/recipe/build.gradle.kts
@@ -44,6 +44,9 @@ dependencies {
     implementation(project(":core:model"))
     implementation(project(":core:designsystem"))
     implementation(project(":core:navigation"))
+    implementation(project(":core:data-api"))
+    implementation(project(":core:data"))
+
     implementation(libs.androidx.core.ktx)
     implementation(libs.androidx.lifecycle.runtime.ktx)
     implementation(libs.androidx.activity.compose)
diff --git a/Android/feature/reciperecommend/src/test/java/com/sundaegukbap/banchango/feature/.gitkeep b/Android/feature/recipe/consumer-rules.pro
similarity index 100%
rename from Android/feature/reciperecommend/src/test/java/com/sundaegukbap/banchango/feature/.gitkeep
rename to Android/feature/recipe/consumer-rules.pro
diff --git a/Android/feature/recipe/proguard-rules.pro b/Android/feature/recipe/proguard-rules.pro
new file mode 100644
index 0000000..481bb43
--- /dev/null
+++ b/Android/feature/recipe/proguard-rules.pro
@@ -0,0 +1,21 @@
+# Add project specific ProGuard rules here.
+# You can control the set of applied configuration files using the
+# proguardFiles setting in build.gradle.
+#
+# For more details, see
+#   http://developer.android.com/guide/developing/tools/proguard.html
+
+# If your project uses WebView with JS, uncomment the following
+# and specify the fully qualified class name to the JavaScript interface
+# class:
+#-keepclassmembers class fqcn.of.javascript.interface.for.webview {
+#   public *;
+#}
+
+# Uncomment this to preserve the line number information for
+# debugging stack traces.
+#-keepattributes SourceFile,LineNumberTable
+
+# If you keep the line number information, uncomment this to
+# hide the original source file name.
+#-renamesourcefileattribute SourceFile
\ No newline at end of file
diff --git a/Android/feature/recipe/src/androidTest/java/com/sundaegukbap/banchango/feature/.gitkeep b/Android/feature/recipe/src/androidTest/java/com/sundaegukbap/banchango/feature/.gitkeep
new file mode 100644
index 0000000..e69de29
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/recipe/src/main/java/com/sundaegukbap/banchango/feature/recipe/recommend/RecipeItem.kt b/Android/feature/recipe/src/main/java/com/sundaegukbap/banchango/feature/recipe/recommend/RecipeItem.kt
new file mode 100644
index 0000000..18e95e3
--- /dev/null
+++ b/Android/feature/recipe/src/main/java/com/sundaegukbap/banchango/feature/recipe/recommend/RecipeItem.kt
@@ -0,0 +1,229 @@
+package com.sundaegukbap.banchango.feature.recipe.recommend
+
+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.layout.Box
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.layout.width
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material3.Button
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.remember
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.focus.focusModifier
+import androidx.compose.ui.graphics.Brush
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.ImageBitmap
+import androidx.compose.ui.graphics.graphicsLayer
+import androidx.compose.ui.res.colorResource
+import androidx.compose.ui.res.imageResource
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.text.TextStyle
+import androidx.compose.ui.text.font.FontWeight.Companion.Bold
+import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.TextUnit
+import androidx.compose.ui.unit.TextUnitType
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+import androidx.compose.ui.util.lerp
+import com.sundaegukbap.banchango.Recipe
+import com.sundaegukbap.banchango.core.designsystem.component.NetworkImage
+import com.sundaegukbap.banchango.core.designsystem.theme.BanchangoTheme
+import com.sundaegukbap.banchango.feature.reciperecommend.R
+
+@Composable
+fun RecipeItem(
+    recipeItemUiState: RecipeRecommendItemUiState,
+    pageOffset: Float,
+    onRecipeClick: (Recipe) -> Unit = {},
+    onRecipeLikeClick: (Recipe) -> Unit = {},
+) {
+    Box(
+        modifier = Modifier
+            .fillMaxSize()
+            .graphicsLayer {
+                scaleX = lerp(
+                    start = 0.9f,
+                    stop = 1f,
+                    fraction = 1f - pageOffset.coerceIn(0f, 1f)
+                )
+                scaleY = lerp(
+                    start = 0.9f,
+                    stop = 1f,
+                    fraction = 1f - pageOffset.coerceIn(0f, 1f)
+                )
+            }
+            .clip(shape = RoundedCornerShape(44.dp))
+            .clickable {
+                onRecipeClick(recipeItemUiState.recipe)
+            }
+    ) {
+        NetworkImage(
+            modifier = Modifier
+                .fillMaxSize(),
+            url = recipeItemUiState.recipe.image,
+        )
+        RecipeInfo(
+            recipeItemUiState.recipe,
+            modifier = Modifier.fillMaxSize(),
+        )
+
+        RecipeIngredientCount(
+            modifier = Modifier
+                .align(Alignment.BottomStart),
+            have = recipeItemUiState.recipe.have.count(),
+            need = recipeItemUiState.recipe.need.count(),
+            imageSize = 95,
+        )
+
+        RecipeLikeButton(
+            modifier = Modifier
+                .align(Alignment.BottomEnd),
+            isLiked = recipeItemUiState.isLiked,
+            onLikeClick = { onRecipeLikeClick(recipeItemUiState.recipe) },
+        )
+
+        Box(
+            Modifier
+                .fillMaxSize()
+                .background(
+                    color = Color.Black.copy(
+                        alpha = lerp(
+                            start = 0.5f,
+                            stop = 0f,
+                            fraction = 1f - pageOffset.coerceIn(0f, 1f)
+                        )
+                    ),
+                )
+        ) {
+
+        }
+    }
+}
+
+@Composable
+private fun RecipeInfo(
+    recipe: Recipe,
+    modifier: Modifier,
+) {
+    Box(modifier = modifier) {
+        Text(
+            text = recipe.name,
+            color = Color.White,
+            fontSize = 24.sp,
+            maxLines = 2,
+            minLines = 2,
+            style = TextStyle(fontWeight = Bold),
+            textAlign = TextAlign.Center,
+            modifier = Modifier
+                .background(
+                    brush = Brush.verticalGradient(listOf(Color.Black, Color.Transparent)),
+                    alpha = 0.8f
+                )
+                .fillMaxWidth()
+                .padding(top = 40.dp, bottom = 40.dp),
+        )
+    }
+}
+
+@Composable
+fun RecipeLikeButton(
+    modifier: Modifier,
+    isLiked: Boolean,
+    onLikeClick: () -> Unit,
+) {
+    Box(
+        modifier = modifier
+            .clickable(
+                indication = null,
+                interactionSource = remember { MutableInteractionSource() },
+                onClick = onLikeClick
+            )
+    ) {
+        Image(
+            painter = painterResource(id = R.drawable.img_btn_right),
+            contentDescription = null,
+            modifier = Modifier.size(95.dp),
+        )
+        Image(
+            painter = painterResource(id = if (isLiked) R.drawable.ic_heart_filled else R.drawable.ic_heart),
+            contentDescription = null,
+            modifier = Modifier
+                .size(32.dp)
+                .align(Alignment.Center)
+                .padding(top = 8.dp),
+        )
+    }
+}
+
+@Preview(showBackground = false)
+@Composable
+fun RecipeItemPreview() {
+    BanchangoTheme {
+        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,
+            ),
+            pageOffset = 0f,
+        )
+    }
+}
+
+@Composable
+fun RecipeIngredientCount(
+    modifier: Modifier,
+    imageSize: Int,
+    have: Int,
+    need: Int,
+) {
+    Box(modifier = modifier) {
+        Image(
+            modifier = Modifier.size(imageSize.dp),
+            painter = painterResource(id = R.drawable.img_wave),
+            contentDescription = null,
+        )
+        Text(
+            text = "$have / ${need + have}",
+            modifier = Modifier
+                .padding(top = 32.dp)
+                .align(Alignment.Center),
+            color = Color.White,
+            style = TextStyle(
+                letterSpacing = 0.1.sp,
+                fontWeight = Bold,
+                fontSize = 20.sp
+            ),
+        )
+    }
+}
+
+@Preview(showBackground = false)
+@Composable
+fun RecipeIngredientCountPreview() {
+    BanchangoTheme {
+        RecipeIngredientCount(modifier = Modifier, have = 3, need = 7, imageSize = 120)
+    }
+}
diff --git a/Android/feature/recipe/src/main/java/com/sundaegukbap/banchango/feature/recipe/recommend/RecipeRecommendItemUiState.kt b/Android/feature/recipe/src/main/java/com/sundaegukbap/banchango/feature/recipe/recommend/RecipeRecommendItemUiState.kt
new file mode 100644
index 0000000..dd9f943
--- /dev/null
+++ b/Android/feature/recipe/src/main/java/com/sundaegukbap/banchango/feature/recipe/recommend/RecipeRecommendItemUiState.kt
@@ -0,0 +1,8 @@
+package com.sundaegukbap.banchango.feature.recipe.recommend
+
+import com.sundaegukbap.banchango.Recipe
+
+data class RecipeRecommendItemUiState(
+    val recipe: Recipe,
+    val isLiked: Boolean,
+)
diff --git a/Android/feature/recipe/src/main/java/com/sundaegukbap/banchango/feature/recipe/recommend/RecipeRecommendUiState.kt b/Android/feature/recipe/src/main/java/com/sundaegukbap/banchango/feature/recipe/recommend/RecipeRecommendUiState.kt
new file mode 100644
index 0000000..1d10283
--- /dev/null
+++ b/Android/feature/recipe/src/main/java/com/sundaegukbap/banchango/feature/recipe/recommend/RecipeRecommendUiState.kt
@@ -0,0 +1,7 @@
+package com.sundaegukbap.banchango.feature.recipe.recommend
+
+sealed interface RecipeRecommendUiState {
+    data object Loading : RecipeRecommendUiState
+    data class Success(val recipes: List<RecipeRecommendItemUiState>) :
+        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..c0efaba
--- /dev/null
+++ b/Android/feature/recipe/src/main/java/com/sundaegukbap/banchango/feature/recipe/recommend/RecipeRecommendViewModel.kt
@@ -0,0 +1,69 @@
+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 = !recipeUiState.isLiked)
+            } 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..463b29d
--- /dev/null
+++ b/Android/feature/recipe/src/main/java/com/sundaegukbap/banchango/feature/recipe/recommend/RecipesRecommendScreen.kt
@@ -0,0 +1,170 @@
+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
+import kotlin.math.absoluteValue
+
+@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()
+        }
+        val pageOffset =
+            (pagerState.currentPage - page + pagerState.currentPageOffsetFraction).absoluteValue
+        RecipeItem(
+            recipeItemUiState = recipeRecommends[page],
+            onRecipeClick = onRecipeClick,
+            onRecipeLikeClick = onLikeClick,
+            pageOffset = pageOffset,
+        )
+    }
+}
+
+@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/recipe/src/main/res/drawable/ic_heart.xml b/Android/feature/recipe/src/main/res/drawable/ic_heart.xml
new file mode 100644
index 0000000..c7181cd
--- /dev/null
+++ b/Android/feature/recipe/src/main/res/drawable/ic_heart.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="36dp"
+    android:height="33dp"
+    android:viewportWidth="36"
+    android:viewportHeight="33">
+  <path
+      android:pathData="M18,3.366C16.614,1.989 14.736,0.713 12.524,0.216C10.84,-0.162 8.987,-0.078 7.109,0.743C5.249,1.556 3.486,3.039 1.859,5.262C-0.018,7.826 -0.337,10.69 0.297,13.461C0.914,16.159 2.429,18.789 4.253,21.166C7.905,25.925 13.198,30.185 16.868,32.66C17.216,32.895 17.611,33.005 18,33C18.389,33.005 18.784,32.895 19.132,32.66C22.802,30.185 28.095,25.925 31.747,21.166C33.571,18.789 35.086,16.159 35.703,13.461C36.337,10.69 36.018,7.826 34.141,5.262C32.514,3.039 30.75,1.556 28.891,0.743C27.013,-0.078 25.16,-0.162 23.476,0.216C21.264,0.713 19.386,1.989 18,3.366ZM18,10.82C17.351,10.827 16.711,8.166 16.322,7.582C15.384,6.176 13.613,4.586 11.657,4.146C10.729,3.938 9.742,3.979 8.696,4.437C7.631,4.902 6.387,5.852 5.069,7.654C3.999,9.115 3.766,10.727 4.185,12.556C4.62,14.459 5.76,16.554 7.408,18.701C10.368,22.558 14.64,26.167 18,28.56C21.36,26.167 25.632,22.558 28.592,18.701C30.24,16.554 31.38,14.459 31.815,12.556C32.234,10.727 32.001,9.115 30.931,7.654C29.613,5.852 28.369,4.902 27.304,4.437C26.258,3.979 25.271,3.938 24.343,4.146C22.387,4.586 20.616,6.176 19.678,7.582C19.289,8.166 18.649,10.827 18,10.82Z"
+      android:fillColor="#FF7A00"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/Android/feature/recipe/src/main/res/drawable/ic_heart_filled.xml b/Android/feature/recipe/src/main/res/drawable/ic_heart_filled.xml
new file mode 100644
index 0000000..cb9cbf8
--- /dev/null
+++ b/Android/feature/recipe/src/main/res/drawable/ic_heart_filled.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="36dp"
+    android:height="33dp"
+    android:viewportWidth="36"
+    android:viewportHeight="33">
+  <path
+      android:pathData="M18,3.366C16.614,1.989 14.736,0.713 12.524,0.216C10.84,-0.162 8.987,-0.078 7.109,0.743C5.249,1.556 3.486,3.039 1.859,5.262C-0.018,7.826 -0.337,10.69 0.297,13.461C0.914,16.159 2.429,18.789 4.253,21.166C7.905,25.925 13.198,30.185 16.868,32.66C17.216,32.895 17.611,33.005 18,33C18.389,33.005 18.784,32.895 19.132,32.66C22.802,30.185 28.095,25.925 31.747,21.166C33.571,18.789 35.086,16.159 35.703,13.461C36.337,10.69 36.018,7.826 34.141,5.262C32.514,3.039 30.75,1.556 28.891,0.743C27.013,-0.078 25.16,-0.162 23.476,0.216C21.264,0.713 19.386,1.989 18,3.366Z"
+      android:fillColor="#FF7A00"
+      android:fillType="evenOdd"/>
+</vector>
diff --git a/Android/feature/recipe/src/main/res/drawable/img_btn_right.xml b/Android/feature/recipe/src/main/res/drawable/img_btn_right.xml
new file mode 100644
index 0000000..c44994e
--- /dev/null
+++ b/Android/feature/recipe/src/main/res/drawable/img_btn_right.xml
@@ -0,0 +1,13 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="95dp"
+    android:height="95dp"
+    android:viewportWidth="90"
+    android:viewportHeight="95">
+    <group>
+        <clip-path android:pathData="M60,-0C26.863,-0 0,26.863 0,60L0,94.631L49.651,94.631C71.742,94.631 89.65,76.723 89.65,54.631L89.65,-0L60,-0Z" />
+        <path
+            android:fillColor="#ffffff"
+            android:pathData="M-18.124,109.175C-18.124,74.643 -5.392,41.525 17.272,17.107C39.935,-7.311 70.674,-21.029 102.724,-21.029C134.775,-21.029 165.514,-7.311 188.177,17.107C210.841,41.525 223.573,74.643 223.573,109.175L102.724,109.175H-18.124Z" />
+
+    </group>
+</vector>
diff --git a/Android/feature/recipe/src/main/res/drawable/img_wave.xml b/Android/feature/recipe/src/main/res/drawable/img_wave.xml
new file mode 100644
index 0000000..166c514
--- /dev/null
+++ b/Android/feature/recipe/src/main/res/drawable/img_wave.xml
@@ -0,0 +1,16 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="95dp"
+    android:height="95dp"
+    android:viewportWidth="90"
+    android:viewportHeight="95">
+  <group>
+    <clip-path
+        android:pathData="M29.65,-0C62.787,-0 89.65,26.863 89.65,60L89.65,94.631L40,94.631C17.909,94.631 -0,76.723 -0,54.631L-0,-0L29.65,-0Z"/>
+    <path
+        android:pathData="M107.774,109.175C107.774,74.643 95.041,41.525 72.378,17.107C49.715,-7.311 18.976,-21.029 -13.075,-21.029C-45.125,-21.029 -75.864,-7.311 -98.527,17.107C-121.191,41.525 -133.923,74.643 -133.923,109.175L-13.075,109.175H107.774Z"
+        android:fillColor="#99FFFFFF"/>
+    <path
+        android:pathData="M-14.321,62.652C-12.285,46.232 1.846,18.34 42.087,38.134C83.949,58.726 95.631,23.841 94.23,9.519C91.804,5.548 90.816,3.44 91.928,3.987C93.134,4.58 93.948,6.631 94.23,9.519C107.481,31.208 163.638,108.477 154.881,112.283C144.52,116.786 62.516,166.579 45.816,153.031C32.456,142.192 0.158,88.262 -14.321,62.652Z"
+        android:fillColor="#FF7A00"/>
+  </group>
+</vector>
diff --git a/Android/feature/recipe/src/test/java/com/sundaegukbap/banchango/feature/.gitkeep b/Android/feature/recipe/src/test/java/com/sundaegukbap/banchango/feature/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/Android/feature/reciperecommend/src/main/java/com/sundaegukbap/banchango/feature/reciperecommend/RecipeCard.kt b/Android/feature/reciperecommend/src/main/java/com/sundaegukbap/banchango/feature/reciperecommend/RecipeCard.kt
deleted file mode 100644
index 97159c8..0000000
--- a/Android/feature/reciperecommend/src/main/java/com/sundaegukbap/banchango/feature/reciperecommend/RecipeCard.kt
+++ /dev/null
@@ -1,115 +0,0 @@
-package com.sundaegukbap.banchango.feature.reciperecommend
-
-import androidx.compose.foundation.background
-import androidx.compose.foundation.layout.Box
-import androidx.compose.foundation.layout.Column
-import androidx.compose.foundation.layout.Row
-import androidx.compose.foundation.layout.fillMaxSize
-import androidx.compose.foundation.layout.fillMaxWidth
-import androidx.compose.foundation.layout.padding
-import androidx.compose.material3.Button
-import androidx.compose.material3.Text
-import androidx.compose.runtime.Composable
-import androidx.compose.ui.Alignment
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.graphics.Color
-import androidx.compose.ui.text.TextStyle
-import androidx.compose.ui.text.font.FontWeight.Companion.Bold
-import androidx.compose.ui.text.style.TextAlign
-import androidx.compose.ui.tooling.preview.Preview
-import androidx.compose.ui.unit.dp
-import androidx.compose.ui.unit.sp
-import com.sundaegukbap.banchango.core.designsystem.component.NetworkImage
-import com.sundaegukbap.banchango.core.designsystem.theme.BanchangoTheme
-
-@Composable
-fun RecipeCard(
-    page: Int,
-    recipe: com.sundaegukbap.banchango.Recipe,
-    onHateClick: (page: Int) -> Unit = {},
-    onLikeClick: (page: Int) -> Unit = {},
-) {
-    Box(
-        modifier = Modifier
-            .fillMaxSize()
-            .background(Color.Black),
-        contentAlignment = Alignment.Center,
-    ) {
-        NetworkImage(
-            modifier = Modifier
-                .fillMaxSize(),
-            url = recipe.image,
-        )
-        RecipeInfo(recipe, page, onHateClick, onLikeClick)
-    }
-}
-
-@Composable
-private fun RecipeInfo(
-    recipe: com.sundaegukbap.banchango.Recipe,
-    page: Int,
-    onHateClick: (page: Int) -> Unit,
-    onLikeClick: (page: Int) -> Unit
-) {
-    Box {
-        Column {
-            Text(
-                recipe.name,
-                color = Color.White,
-                fontSize = 24.sp,
-                style = TextStyle(fontWeight = Bold),
-                textAlign = TextAlign.Center,
-                modifier = Modifier.fillMaxWidth(),
-            )
-            Text(
-                text = page.toString(),
-                textAlign = TextAlign.Center,
-                modifier = Modifier.fillMaxWidth(),
-                color = Color.White,
-                fontSize = 60.sp
-            )
-            Row(
-                modifier = Modifier
-                    .align(Alignment.CenterHorizontally)
-            ) {
-                Button(
-                    modifier = Modifier.padding(end = 16.dp),
-                    onClick = {
-                        onHateClick(page + 1)
-                    }
-                ) {
-                    Text("싫어요")
-                }
-                Button(
-                    onClick = {
-                        onLikeClick(page + 1)
-                    },
-                ) {
-                    Text("좋아요")
-                }
-            }
-        }
-    }
-}
-
-
-@Preview(showBackground = true)
-@Composable
-fun RecipeCardPreview() {
-    BanchangoTheme {
-        RecipeCard(
-            page = 1, recipe = com.sundaegukbap.banchango.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(1, 2, 3, 4, 5),
-                need = listOf(6, 7, 8, 9, 10),
-            )
-        )
-    }
-}
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 bb2ba4e..0000000
--- a/Android/feature/reciperecommend/src/main/java/com/sundaegukbap/banchango/feature/reciperecommend/RecipeRecommendViewModel.kt
+++ /dev/null
@@ -1,33 +0,0 @@
-package com.sundaegukbap.banchango.feature.reciperecommend
-
-import androidx.lifecycle.ViewModel
-import com.sundaegukbap.banchango.Recipe
-import dagger.hilt.android.lifecycle.HiltViewModel
-import kotlinx.coroutines.flow.MutableStateFlow
-import kotlinx.coroutines.flow.StateFlow
-import kotlinx.coroutines.flow.asStateFlow
-import javax.inject.Inject
-
-@HiltViewModel
-class RecipeRecommendViewModel @Inject constructor() : ViewModel() {
-
-    private val _recipes: MutableStateFlow<List<Recipe>> = MutableStateFlow(emptyList())
-    val recipes: StateFlow<List<Recipe>> = _recipes.asStateFlow()
-
-    fun getRecipeRecommendation() {
-        _recipes.value = List(10) {
-            Recipe(
-                id = (it + 1).toLong(),
-                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(1, 2, 3, 4, 5),
-                need = listOf(6, 7, 8, 9, 10)
-            )
-        }
-    }
-}
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 2e7c008..0000000
--- a/Android/feature/reciperecommend/src/main/java/com/sundaegukbap/banchango/feature/reciperecommend/RecipesRecommendScreen.kt
+++ /dev/null
@@ -1,44 +0,0 @@
-package com.sundaegukbap.banchango.feature.reciperecommend
-
-import androidx.compose.foundation.layout.PaddingValues
-import androidx.compose.foundation.layout.padding
-import androidx.compose.foundation.pager.VerticalPager
-import androidx.compose.foundation.pager.rememberPagerState
-import androidx.compose.runtime.Composable
-import androidx.compose.runtime.getValue
-import androidx.compose.runtime.rememberCoroutineScope
-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.launch
-
-@Composable
-fun RecipesRecommendScreen(
-    padding: PaddingValues,
-    viewModel: RecipeRecommendViewModel = hiltViewModel(),
-) {
-    val recipesUiState by viewModel.recipes.collectAsStateWithLifecycle()
-    val pagerState = rememberPagerState(pageCount = { recipesUiState.size })
-    val coroutineScope = rememberCoroutineScope()
-
-    viewModel.getRecipeRecommendation()
-
-    VerticalPager(
-        modifier = Modifier.padding(padding),
-        state = pagerState,
-        contentPadding = PaddingValues(vertical = 200.dp, horizontal = 40.dp),
-        pageSpacing = 40.dp,
-    ) { page ->
-        RecipeCard(
-            page = page,
-            recipe = recipesUiState[page],
-            onLikeClick = {
-                coroutineScope.launch { pagerState.animateScrollToPage(it) }
-            },
-            onHateClick = {
-                coroutineScope.launch { pagerState.animateScrollToPage(it) }
-            },
-        )
-    }
-}
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 25f0f4e..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.RecipesRecommendScreen
-import com.sundaegukbap.banchango.navigation.MainTabRoute
-
-fun NavController.navigateRecipeRecommend(navOptions: NavOptions) {
-    navigate(MainTabRoute.RecipeRecommend, navOptions)
-}
-
-fun NavGraphBuilder.recipeRecommendNavGraph(padding: PaddingValues) {
-    composable<MainTabRoute.RecipeRecommend> {
-        RecipesRecommendScreen(padding)
-    }
-}
diff --git a/Android/gradle/libs.versions.toml b/Android/gradle/libs.versions.toml
index 3f958be..7ddf4da 100644
--- a/Android/gradle/libs.versions.toml
+++ b/Android/gradle/libs.versions.toml
@@ -8,7 +8,7 @@ espressoCore = "3.5.1"
 lifecycleRuntimeKtx = "2.8.0"
 activityCompose = "1.9.0"
 composeBom = "2024.05.00"
-hilt = "2.44"
+hilt = "2.51.1"
 lifecycleViewModelKtx = "2.8.0"
 ktlint = "11.1.0"
 composeNavigation = "2.8.0-beta02"
@@ -20,8 +20,10 @@ jetbrainsKotlinJvm = "1.9.0"
 appcompat = "1.6.1"
 material = "1.12.0"
 material3Android = "1.2.1"
+serializationConverter = "1.0.0"
 serialization = "1.6.3"
 kotlinxImmutable = "0.3.7"
+squareupOkhttp = "4.11.0"
 
 [libraries]
 androidx-core-ktx = { group = "androidx.core", name = "core-ktx", version.ref = "coreKtx" }
@@ -51,6 +53,11 @@ androidx-material3-android = { group = "androidx.compose.material3", name = "mat
 navigation-compose = { module = "androidx.navigation:navigation-compose", version.ref = "composeNavigation" }
 kotlinx-serialization-json = { module = "org.jetbrains.kotlinx:kotlinx-serialization-json", version.ref = "serialization" }
 kotlinx-immutable = { group = "org.jetbrains.kotlinx", name = "kotlinx-collections-immutable", version.ref = "kotlinxImmutable" }
+okhttp3-okhttp = { group = "com.squareup.okhttp3", name = "okhttp", version.ref = "squareupOkhttp" }
+retrofit2-kotlinx-serialization-converter = { module = "com.jakewharton.retrofit:retrofit2-kotlinx-serialization-converter", version.ref = "serializationConverter" }
+
+
+
 
 [plugins]
 android-application = { id = "com.android.application", version.ref = "agp" }
diff --git a/Android/settings.gradle.kts b/Android/settings.gradle.kts
index 811b5c8..3e2d82b 100644
--- a/Android/settings.gradle.kts
+++ b/Android/settings.gradle.kts
@@ -24,8 +24,9 @@ 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")
 include(":feature:home")
+include(":core:data")