Feat/#57-게시글 목록 조회 UI를 구현한다

app/build.gradle.kts

@@ -41,7 +41,7 @@ dependencies {
     implementation(libs.androidx.core.splashscreen)
     implementation(project(":feature:login"))
     implementation(project(":feature:home"))
-    implementation(project(":feature:post"))
+    implementation(project(":feature:postlist"))
     implementation(project(":feature:mypage"))
     implementation(project(":feature:registerpost"))
     implementation(project(":feature:gallery"))

app/src/main/java/com/withpeace/withpeace/MainBottomNavigation.kt

@@ -19,8 +19,8 @@ import com.withpeace.withpeace.feature.home.navigation.HOME_ROUTE
 import com.withpeace.withpeace.feature.home.navigation.navigateHome
 import com.withpeace.withpeace.feature.mypage.navigation.MY_PAGE_ROUTE
 import com.withpeace.withpeace.feature.mypage.navigation.navigateMyPage
-import com.withpeace.withpeace.feature.post.navigation.POST_ROUTE
-import com.withpeace.withpeace.feature.post.navigation.navigatePost
+import com.withpeace.withpeace.feature.postlist.navigation.POST_LIST_ROUTE
+import com.withpeace.withpeace.feature.postlist.navigation.navigateToPostList
 
 @Composable
 fun MainBottomBar(
@@ -68,7 +68,7 @@ private fun NavController.navigateToTabScreen(bottomTab: BottomTab) {
 
     when (bottomTab) {
         BottomTab.HOME -> navigateHome(tabNavOptions)
-        BottomTab.POST -> navigatePost(tabNavOptions)
+        BottomTab.POST -> navigateToPostList(tabNavOptions)
         BottomTab.MY_PAGE -> navigateMyPage(tabNavOptions)
     }
 }
@@ -89,7 +89,7 @@ enum class BottomTab(
         iconUnSelectedResId = R.drawable.ic_bottom_post,
         iconSelectedResId = R.drawable.ic_bottom_post_select,
         contentDescription = R.string.post,
-        POST_ROUTE,
+        POST_LIST_ROUTE,
     ),
     MY_PAGE(
         iconUnSelectedResId = R.drawable.ic_bottom_my_page,
@@ -107,4 +107,4 @@ enum class BottomTab(
             return entries.find { it.route == route }
         }
     }
-}
+}

app/src/main/java/com/withpeace/withpeace/WithpeaceApp.kt

@@ -1,6 +1,5 @@
 package com.withpeace.withpeace
 
-import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.layout.padding
@@ -17,6 +16,7 @@ import androidx.compose.ui.unit.dp
 import androidx.navigation.NavHostController
 import androidx.navigation.compose.currentBackStackEntryAsState
 import androidx.navigation.compose.rememberNavController
+import com.withpeace.withpeace.core.designsystem.theme.WithpeaceTheme
 import com.withpeace.withpeace.navigation.WithpeaceNavHost
 import kotlinx.coroutines.launch
 
@@ -46,8 +46,11 @@ fun WithpeaceApp(
                 }
             }
         },
-        modifier = Modifier.fillMaxSize().safeDrawingPadding(),
+        modifier = Modifier
+            .fillMaxSize()
+            .safeDrawingPadding(),
         snackbarHost = { SnackbarHost(snackBarHostState) },
+        containerColor = WithpeaceTheme.colors.SystemWhite,
     ) { innerPadding ->
         WithpeaceNavHost(
             modifier = Modifier.padding(innerPadding),

app/src/main/java/com/withpeace/withpeace/navigation/NavHost.kt

@@ -1,21 +1,16 @@
 package com.withpeace.withpeace.navigation
 
-import androidx.compose.animation.AnimatedVisibility
-import androidx.compose.foundation.layout.Box
-import androidx.compose.foundation.layout.padding
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
 import androidx.navigation.NavHostController
 import androidx.navigation.compose.NavHost
-import androidx.navigation.compose.rememberNavController
-import androidx.navigation.navOptions
-import com.withpeace.withpeace.feature.home.navigation.homeNavGraph
-import com.withpeace.withpeace.feature.mypage.navigation.myPageNavGraph
-import com.withpeace.withpeace.feature.post.navigation.postNavGraph
 import com.withpeace.withpeace.feature.gallery.navigation.galleryNavGraph
 import com.withpeace.withpeace.feature.gallery.navigation.navigateToGallery
+import com.withpeace.withpeace.feature.home.navigation.homeNavGraph
 import com.withpeace.withpeace.feature.login.navigation.LOGIN_ROUTE
 import com.withpeace.withpeace.feature.login.navigation.loginNavGraph
+import com.withpeace.withpeace.feature.mypage.navigation.myPageNavGraph
+import com.withpeace.withpeace.feature.postlist.navigation.postListGraph
 import com.withpeace.withpeace.feature.registerpost.navigation.IMAGE_LIST_ARGUMENT
 import com.withpeace.withpeace.feature.registerpost.navigation.registerPostNavGraph
 
@@ -59,7 +54,7 @@ fun WithpeaceNavHost(
             onShowSnackBar = onShowSnackBar,
         )
         homeNavGraph(onShowSnackBar)
-        postNavGraph(onShowSnackBar)
+        postListGraph(onShowSnackBar)
         myPageNavGraph(onShowSnackBar)
     }
 }

build-logic/src/main/kotlin/convention.android.compose.gradle.kts

@@ -18,6 +18,7 @@ dependencies {
 
     "implementation"(libs.findLibrary("androidx.activity.compose").get())
     "implementation"(libs.findLibrary("androidx.compose.material3").get())
+    "implementation"(libs.findLibrary("androidx.constraintlayout").get())
     "implementation"(libs.findLibrary("androidx.compose.ui").get())
     "implementation"(libs.findLibrary("androidx.compose.ui.tooling.preview").get())
     "implementation"(libs.findLibrary("androidx.lifecycle.runtimeCompose").get())

build-logic/src/main/kotlin/convention.feature.gradle.kts

@@ -11,5 +11,6 @@ dependencies{
     implementation(project(":core:data"))
     implementation(project(":core:domain"))
     implementation(project(":core:designsystem"))
+    implementation(project(":core:ui"))
     testImplementation(project(":core:testing"))
 }

core/designsystem/src/main/java/com/withpeace/withpeace/core/designsystem/ui/Card.kt

@@ -0,0 +1,41 @@
+package com.withpeace.withpeace.core.designsystem.ui
+
+import androidx.compose.foundation.BorderStroke
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material3.Card
+import androidx.compose.material3.CardDefaults
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import com.withpeace.withpeace.core.designsystem.theme.WithpeaceTheme
+
+@Composable
+fun WithpeaceCard(
+    modifier: Modifier = Modifier,
+    content: @Composable () -> Unit,
+) {
+    Card(
+        modifier = modifier,
+        shape = RoundedCornerShape(5.dp),
+        border = BorderStroke(width = 1.dp, color = WithpeaceTheme.colors.SystemGray2),
+        colors = CardDefaults.cardColors(
+            containerColor = WithpeaceTheme.colors.SystemWhite,
+        ),
+    ) {
+        content()
+    }
+}
+
+@Preview(showBackground = true)
+@Composable
+private fun WithpeaceCardPreview() {
+    WithpeaceTheme {
+        WithpeaceCard {
+            Text("haha")
+        }
+    }
+}

core/domain/src/main/java/com/withpeace/withpeace/core/domain/model/date/Date.kt

@@ -0,0 +1,10 @@
+package com.withpeace.withpeace.core.domain.model.date;
+
+import java.time.LocalDateTime
+
+data class Date(
+    val date: LocalDateTime,
+) {
+    val durationFromNow: DurationFromNow
+        get() = DurationFromNow.from(date)
+}

core/domain/src/main/java/com/withpeace/withpeace/core/domain/model/date/DurationFromNow.kt

@@ -0,0 +1,44 @@
+package com.withpeace.withpeace.core.domain.model.date
+
+import java.time.Duration
+import java.time.LocalDateTime
+
+sealed class DurationFromNow(
+    val value: Duration,
+) {
+    data class LessThanOneMinute(val duration: Duration) : DurationFromNow(duration)
+    data class OneMinuteToOneHour(val duration: Duration) : DurationFromNow(duration)
+    data class OneHourToOneDay(val duration: Duration) : DurationFromNow(duration)
+    data class OneDayToSevenDay(val duration: Duration) : DurationFromNow(duration)
+    data class SevenDayToOneYear(val duration: Duration) : DurationFromNow(duration)
+    data class OverOneYear(val duration: Duration) : DurationFromNow(duration)
+
+    val seconds = value.seconds
+    val minutes = value.toMinutes()
+    val hours = value.toHours()
+    val days = value.toDays()
+    val years = value.toDays() / DAYS_FOR_YEAR
+
+    companion object {
+        fun from(date: LocalDateTime): DurationFromNow {
+            val duration = Duration.between(date, LocalDateTime.now())
+            return when {
+                duration.isLessThanOneMinute() -> LessThanOneMinute(duration)
+                duration.isLessThanOneHour() -> OneMinuteToOneHour(duration)
+                duration.isLessThanOneDay() -> OneHourToOneDay(duration)
+                duration.isLessThanWeekDays() -> OneDayToSevenDay(duration)
+                duration.isLessOneYear() -> SevenDayToOneYear(duration)
+                else -> OverOneYear(duration)
+            }
+        }
+
+        private fun Duration.isLessThanOneMinute() = toMinutes() < 1
+        private fun Duration.isLessThanOneHour() = toHours() < 1
+        private fun Duration.isLessThanOneDay() = toDays() < 1
+        private fun Duration.isLessThanWeekDays() = toDays() < DAYS_FOR_WEEK
+        private fun Duration.isLessOneYear() = toDays() < DAYS_FOR_YEAR
+
+        private const val DAYS_FOR_YEAR = 365
+        private const val DAYS_FOR_WEEK = 7
+    }
+}

core/domain/src/main/java/com/withpeace/withpeace/core/domain/model/post/Post.kt

@@ -1,5 +1,12 @@
 package com.withpeace.withpeace.core.domain.model.post
 
+import com.withpeace.withpeace.core.domain.model.date.Date
+
 data class Post(
     val postId: Long,
+    val title: String,
+    val content: String,
+    val postTopic: PostTopic,
+    val createDate: Date,
+    val postImageUrl: String?,
 )

core/domain/src/main/java/com/withpeace/withpeace/core/domain/model/post/PostTopic.kt

@@ -1,5 +1,9 @@
 package com.withpeace.withpeace.core.domain.model.post
 
 enum class PostTopic {
-    FREEDOM, INFORMATION, QUESTION, LIVING, HOBBY, ECONOMY
+    FREEDOM, INFORMATION, QUESTION, LIVING, HOBBY, ECONOMY;
+
+    companion object {
+        fun findIndex(postTopic: PostTopic) = entries.indexOf(postTopic)
+    }
 }

core/ui/build.gradle.kts

@@ -0,0 +1,13 @@
+plugins {
+    id("com.android.library")
+    id("convention.android.base")
+    id("convention.android.compose")
+}
+
+android {
+    namespace = "com.withpeace.withpeace.core.ui"
+}
+
+dependencies {
+    implementation(project(":core:domain"))
+}

feature/post/src/androidTest/java/com/withpeace/withpeace/feature/post/ExampleInstrumentedTest.kt → core/ui/src/androidTest/java/com/withpeace/withpeace/core/ui/ExampleInstrumentedTest.kt

@@ -1,4 +1,4 @@
-package com.withpeace.withpeace.feature.post
+package com.withpeace.withpeace.core.ui
 
 import androidx.test.platform.app.InstrumentationRegistry
 import androidx.test.ext.junit.runners.AndroidJUnit4
@@ -19,6 +19,6 @@ class ExampleInstrumentedTest {
     fun useAppContext() {
         // Context of the app under test.
         val appContext = InstrumentationRegistry.getInstrumentation().targetContext
-        assertEquals("com.withpeace.withpeace.feature.post.test", appContext.packageName)
+        assertEquals("com.withpeace.withpeace.core.ui.test", appContext.packageName)
     }
-}
+}

feature/post/src/main/AndroidManifest.xml → core/ui/src/main/AndroidManifest.xml

@@ -1,4 +1,4 @@
 <?xml version="1.0" encoding="utf-8"?>
 <manifest xmlns:android="http://schemas.android.com/apk/res/android">
 
-</manifest>
+</manifest>

core/ui/src/main/java/com/withpeace/withpeace/core/ui/DateUiState.kt

@@ -0,0 +1,37 @@
+package com.withpeace.withpeace.core.ui
+
+import android.content.Context
+import com.withpeace.withpeace.core.domain.model.date.Date
+import com.withpeace.withpeace.core.domain.model.date.DurationFromNow
+import java.time.format.DateTimeFormatter
+
+fun Date.toRelativeString(context: Context): String {
+    return when (durationFromNow) {
+        is DurationFromNow.LessThanOneMinute -> {
+            context.getString(
+                R.string.second_format,
+                durationFromNow.seconds,
+            )
+        }
+
+        is DurationFromNow.OneMinuteToOneHour -> context.getString(
+            R.string.minute_format,
+            durationFromNow.minutes,
+        )
+        is DurationFromNow.OneHourToOneDay -> context.getString(
+            R.string.hour_format,
+            durationFromNow.hours,
+        )
+        is DurationFromNow.OneDayToSevenDay -> context.getString(
+            R.string.day_format,
+            durationFromNow.days,
+        )
+        is DurationFromNow.SevenDayToOneYear -> date.format(DateTimeFormatter.ofPattern(DATE_FORMAT))
+        is DurationFromNow.OverOneYear -> context.getString(
+            R.string.years_format,
+            durationFromNow.years,
+        )
+    }
+}
+
+private const val DATE_FORMAT = "MM월 DD일"

feature/registerpost/src/main/java/com/withpeace/withpeace/feature/registerpost/RegisterPostUiState.kt → core/ui/src/main/java/com/withpeace/withpeace/core/ui/PostTopicUiState.kt

@@ -1,23 +1,23 @@
-package com.withpeace.withpeace.feature.registerpost
+package com.withpeace.withpeace.core.ui
 
 import androidx.annotation.DrawableRes
 import androidx.annotation.StringRes
 import com.withpeace.withpeace.core.domain.model.post.PostTopic
 
-enum class PosterTopicUiState(
+enum class PostTopicUiState(
     val topic: PostTopic,
     @StringRes val textResId: Int,
     @DrawableRes val iconResId: Int,
 ) {
-    FREE(PostTopic.FREEDOM, R.string.free, R.drawable.ic_cate_free),
-    INFORMATION(PostTopic.INFORMATION, R.string.information, R.drawable.ic_cate_info),
-    QUESTION(PostTopic.QUESTION, R.string.question, R.drawable.ic_cate_question),
-    LIFE(PostTopic.LIVING, R.string.life, R.drawable.ic_cate_living),
-    HOBBY(PostTopic.HOBBY, R.string.hobby, R.drawable.ic_cate_hobby),
-    ECONOMY(PostTopic.ECONOMY, R.string.economy, R.drawable.ic_cate_eco);
+    FREE(PostTopic.FREEDOM, R.string.free, R.drawable.ic_freedom),
+    INFORMATION(PostTopic.INFORMATION, R.string.information, R.drawable.ic_information),
+    QUESTION(PostTopic.QUESTION, R.string.question, R.drawable.ic_question),
+    LIFE(PostTopic.LIVING, R.string.life, R.drawable.ic_life),
+    HOBBY(PostTopic.HOBBY, R.string.hobby, R.drawable.ic_hobby),
+    ECONOMY(PostTopic.ECONOMY, R.string.economy, R.drawable.ic_economy);
 
     companion object {
-        fun create(topic: PostTopic) = PosterTopicUiState.entries.find {
+        fun create(topic: PostTopic) = PostTopicUiState.entries.find {
             it.topic == topic
         } ?: throw IllegalStateException("UI에 정의하지 않은 Topic이 있어요!")
     }