feat: 컬렉션 모듈 및 마이페이지 진입 구조 구현

app/build.gradle.kts

@@ -93,6 +93,7 @@ dependencies {
     implementation(projects.feature.signin)
     implementation(projects.feature.library)
     implementation(projects.feature.feed)
+    implementation(projects.feature.collection)
 
     // AndroidX 및 Jetpack 기본 라이브러리
     implementation(libs.androidx.core.ktx)

app/src/main/AndroidManifest.xml

@@ -76,6 +76,10 @@
             android:name=".ui.main.MainActivity"
             android:exported="false"
             android:screenOrientation="portrait" />
+        <activity
+            android:name=".ui.collection.CollectionActivity"
+            android:exported="false"
+            android:screenOrientation="portrait" />
         <activity
             android:name=".ui.notification.NotificationActivity"
             android:exported="false"

app/src/main/java/com/into/websoso/ui/collection/CollectionActivity.kt

@@ -0,0 +1,27 @@
+package com.into.websoso.ui.collection
+
+import android.content.Context
+import android.content.Intent
+import android.os.Bundle
+import androidx.activity.ComponentActivity
+import androidx.activity.compose.setContent
+import com.into.websoso.core.designsystem.theme.WebsosoTheme
+import com.into.websoso.feature.collection.CollectionNavHost
+import dagger.hilt.android.AndroidEntryPoint
+
+@AndroidEntryPoint
+class CollectionActivity : ComponentActivity() {
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+
+        setContent {
+            WebsosoTheme {
+                CollectionNavHost()
+            }
+        }
+    }
+
+    companion object {
+        fun getIntent(context: Context): Intent = Intent(context, CollectionActivity::class.java)
+    }
+}

app/src/main/java/com/into/websoso/ui/main/myPage/MyPageFragment.kt

@@ -7,6 +7,7 @@ import android.text.Spanned.SPAN_EXCLUSIVE_EXCLUSIVE
 import android.text.style.ForegroundColorSpan
 import android.view.View
 import androidx.activity.result.contract.ActivityResultContracts
+import androidx.compose.ui.platform.ViewCompositionStrategy
 import androidx.core.content.ContextCompat
 import androidx.core.view.isVisible
 import androidx.fragment.app.activityViewModels
@@ -28,13 +29,15 @@ import com.into.websoso.core.common.util.SingleEventHandler
 import com.into.websoso.core.common.util.getS3ImageUrl
 import com.into.websoso.core.common.util.setListViewHeightBasedOnChildren
 import com.into.websoso.core.common.util.tracker.Tracker
+import com.into.websoso.core.designsystem.theme.WebsosoTheme
 import com.into.websoso.core.resource.R.drawable.img_loading_thumbnail
 import com.into.websoso.core.resource.R.string.my_library_attractive_point_fixed_text
 import com.into.websoso.data.model.GenrePreferenceEntity
 import com.into.websoso.data.model.NovelPreferenceEntity
 import com.into.websoso.databinding.FragmentMyPageBinding
+import com.into.websoso.feature.collection.CollectionEntry
+import com.into.websoso.ui.collection.CollectionActivity
 import com.into.websoso.ui.main.MainViewModel
-import com.into.websoso.ui.main.myPage.MyLibraryViewModel
 import com.into.websoso.ui.main.myPage.adapter.RestGenrePreferenceAdapter
 import com.into.websoso.ui.main.myPage.model.MyLibraryUiState
 import com.into.websoso.ui.profileEdit.ProfileEditActivity
@@ -77,6 +80,7 @@ class MyPageFragment : BaseFragment<FragmentMyPageBinding>(fragment_my_page) {
         setupObserver()
         onProfileEditClick()
         onStorageButtonClick()
+        setupCollectionEntry()
         tracker.trackEvent("mypage")
     }
 
@@ -92,6 +96,21 @@ class MyPageFragment : BaseFragment<FragmentMyPageBinding>(fragment_my_page) {
         binding.lifecycleOwner = viewLifecycleOwner
     }
 
+    private fun setupCollectionEntry() {
+        binding.cvMyPageCollectionEntry.apply {
+            setViewCompositionStrategy(ViewCompositionStrategy.DisposeOnViewTreeLifecycleDestroyed)
+            setContent {
+                WebsosoTheme {
+                    CollectionEntry(onClick = ::navigateToCollection)
+                }
+            }
+        }
+    }
+
+    private fun navigateToCollection() {
+        startActivity(CollectionActivity.getIntent(requireContext()))
+    }
+
     private fun setupRestGenrePreferenceAdapter() {
         binding.lvMyLibraryRestGenre.adapter = restGenrePreferenceAdapter
     }

app/src/main/res/layout/fragment_my_page.xml

@@ -279,11 +279,28 @@
                         app:layout_constraintStart_toStartOf="parent"
                         app:layout_constraintTop_toBottomOf="@id/cl_my_page_user_profile" />
 
+                    <androidx.compose.ui.platform.ComposeView
+                        android:id="@+id/cv_my_page_collection_entry"
+                        android:layout_width="0dp"
+                        android:layout_height="wrap_content"
+                        app:layout_constraintEnd_toEndOf="parent"
+                        app:layout_constraintStart_toStartOf="parent"
+                        app:layout_constraintTop_toBottomOf="@id/view_my_page_profile_divider" />
+
+                    <View
+                        android:id="@+id/view_my_page_collection_divider"
+                        android:layout_width="0dp"
+                        android:layout_height="3dp"
+                        android:background="@color/gray_50_F4F5F8"
+                        app:layout_constraintEnd_toEndOf="parent"
+                        app:layout_constraintStart_toStartOf="parent"
+                        app:layout_constraintTop_toBottomOf="@id/cv_my_page_collection_entry" />
+
                     <androidx.constraintlayout.widget.ConstraintLayout
                         android:id="@+id/cl_my_library_genre_preference"
                         android:layout_width="match_parent"
                         android:layout_height="wrap_content"
-                        app:layout_constraintTop_toBottomOf="@id/view_my_page_profile_divider"
+                        app:layout_constraintTop_toBottomOf="@id/view_my_page_collection_divider"
                         tools:layout_editor_absoluteX="0dp">
 
                         <TextView
@@ -447,7 +464,7 @@
                         android:layout_width="match_parent"
                         android:layout_height="wrap_content"
                         android:visibility="gone"
-                        app:layout_constraintTop_toBottomOf="@id/view_my_page_profile_divider">
+                        app:layout_constraintTop_toBottomOf="@id/view_my_page_collection_divider">
 
                         <TextView
                             android:id="@+id/tv_my_library_preference_analysis_title"

feature/collection/build.gradle.kts

@@ -0,0 +1,13 @@
+import com.into.websoso.setNamespace
+
+plugins {
+    id("websoso.android.feature")
+}
+
+android {
+    setNamespace("feature.collection")
+}
+
+dependencies {
+    implementation(libs.navigation.compose)
+}

feature/collection/src/main/AndroidManifest.xml

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest>
+
+</manifest>

feature/collection/src/main/java/com/into/websoso/feature/collection/CollectionEntry.kt

@@ -0,0 +1,71 @@
+package com.into.websoso.feature.collection
+
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.vector.ImageVector
+import androidx.compose.ui.res.vectorResource
+import androidx.compose.ui.text.SpanStyle
+import androidx.compose.ui.text.buildAnnotatedString
+import androidx.compose.ui.text.withStyle
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import com.into.websoso.core.common.extensions.debouncedClickable
+import com.into.websoso.core.designsystem.theme.Gray300
+import com.into.websoso.core.designsystem.theme.Primary100
+import com.into.websoso.core.designsystem.theme.WebsosoTheme
+import com.into.websoso.core.designsystem.theme.White
+import com.into.websoso.core.resource.R
+
+@Composable
+fun CollectionEntry(
+    onClick: () -> Unit,
+    modifier: Modifier = Modifier,
+    collectionCount: Int = 0,
+) {
+    Row(
+        modifier = modifier
+            .fillMaxWidth()
+            .background(White)
+            .debouncedClickable(onClick = onClick)
+            .padding(
+                horizontal = 20.dp,
+                vertical = 20.dp,
+            ),
+        verticalAlignment = Alignment.CenterVertically,
+    ) {
+        Text(
+            text = buildAnnotatedString {
+                append("컬렉션 ")
+                withStyle(style = SpanStyle(color = Primary100)) {
+                    append(collectionCount.toString())
+                }
+                append("개")
+            },
+            color = Gray300,
+            style = WebsosoTheme.typography.title2,
+        )
+        Spacer(modifier = Modifier.weight(1f))
+        Image(
+            imageVector = ImageVector.vectorResource(R.drawable.btn_setting_right),
+            contentDescription = null,
+            modifier = Modifier.size(24.dp),
+        )
+    }
+}
+
+@Preview(showBackground = true)
+@Composable
+private fun CollectionEntryPreview() {
+    WebsosoTheme {
+        CollectionEntry(onClick = {})
+    }
+}

feature/collection/src/main/java/com/into/websoso/feature/collection/CollectionNavHost.kt

@@ -0,0 +1,24 @@
+package com.into.websoso.feature.collection
+
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.navigation.compose.NavHost
+import androidx.navigation.compose.composable
+import androidx.navigation.compose.rememberNavController
+
+private const val COLLECTION_ROUTE = "collection"
+
+@Composable
+fun CollectionNavHost(modifier: Modifier = Modifier) {
+    val navController = rememberNavController()
+
+    NavHost(
+        navController = navController,
+        startDestination = COLLECTION_ROUTE,
+        modifier = modifier,
+    ) {
+        composable(route = COLLECTION_ROUTE) {
+            CollectionScreen()
+        }
+    }
+}

feature/collection/src/main/java/com/into/websoso/feature/collection/CollectionScreen.kt

@@ -0,0 +1,48 @@
+package com.into.websoso.feature.collection
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import com.into.websoso.core.designsystem.theme.Black
+import com.into.websoso.core.designsystem.theme.Gray200
+import com.into.websoso.core.designsystem.theme.WebsosoTheme
+import com.into.websoso.core.designsystem.theme.White
+
+@Composable
+fun CollectionScreen(modifier: Modifier = Modifier) {
+    Column(
+        modifier = modifier
+            .fillMaxSize()
+            .background(White)
+            .padding(horizontal = 20.dp),
+        horizontalAlignment = Alignment.CenterHorizontally,
+        verticalArrangement = Arrangement.Center,
+    ) {
+        Text(
+            text = "컬렉션",
+            color = Black,
+            style = WebsosoTheme.typography.headline1,
+        )
+        Text(
+            text = "임시화면",
+            color = Gray200,
+            style = WebsosoTheme.typography.body2,
+        )
+    }
+}
+
+@Preview(showBackground = true)
+@Composable
+private fun CollectionScreenPreview() {
+    WebsosoTheme {
+        CollectionScreen()
+    }
+}

gradle/libs.versions.toml

@@ -32,6 +32,7 @@ lifecycle-extensions = "2.2.0"
 datastore-preferences = "1.2.0"
 security-crypto = "1.1.0"
 paging = "3.3.6"
+navigation = "2.9.8"
 
 # Testing Libraries
 junit = "4.13.2"
@@ -167,6 +168,7 @@ compose-material3 = { module = "androidx.compose.material3:material3" }
 compose-runtime-livedata = { module = "androidx.compose.runtime:runtime-livedata" }
 compose-ui-tooling = { module = "androidx.compose.ui:ui-tooling" }
 compose-hilt-navigation = { module = "androidx.hilt:hilt-navigation-compose", version.ref = "hilt-navigation-compose" }
+navigation-compose = { module = "androidx.navigation:navigation-compose", version.ref = "navigation" }
 lifecycle-runtime-compose = { module = "androidx.lifecycle:lifecycle-runtime-compose" }
 androidx-foundation = { group = "androidx.compose.foundation", name = "foundation", version.ref = "foundation" }
 

settings.gradle.kts

@@ -44,6 +44,7 @@ include(
     ":feature:signin",
     ":feature:library",
     ":feature:feed",
+    ":feature:collection",
 )
 include(":domain:feed")
 include(":data:user")