[BOOK-151] feat: 최근 검색어 조회, 클릭 이벤트(검색, 삭제) 가능 구현

easyhooon · easyhooon · commit c4d6c8b6b0b8 · 2025-07-19T16:06:37.000+09:00
diff --git a/core/data/api/build.gradle.kts b/core/data/api/build.gradle.kts
@@ -12,6 +12,7 @@ dependencies {
     implementations(
         projects.core.model,
 
+        libs.kotlinx.coroutines.core,
         libs.logger,
     )
 }
diff --git a/core/data/api/src/main/kotlin/com/ninecraft/booket/core/data/api/repository/BookRepository.kt b/core/data/api/src/main/kotlin/com/ninecraft/booket/core/data/api/repository/BookRepository.kt
@@ -3,13 +3,18 @@ package com.ninecraft.booket.core.data.api.repository
 import com.ninecraft.booket.core.model.BookDetailModel
 import com.ninecraft.booket.core.model.BookSearchModel
 import com.ninecraft.booket.core.model.BookUpsertModel
+import kotlinx.coroutines.flow.Flow
 
 interface BookRepository {
+    val recentSearches: Flow<List<String>>
+
     suspend fun searchBook(
         query: String,
         start: Int,
     ): Result<BookSearchModel>
 
+    suspend fun removeRecentSearch(query: String)
+
     suspend fun getBookDetail(itemId: String): Result<BookDetailModel>
 
     suspend fun upsertBook(
diff --git a/core/data/impl/src/main/kotlin/com/ninecraft/booket/core/data/impl/repository/DefaultBookRepository.kt b/core/data/impl/src/main/kotlin/com/ninecraft/booket/core/data/impl/repository/DefaultBookRepository.kt
@@ -12,6 +12,8 @@ internal class DefaultBookRepository @Inject constructor(
     private val service: ReedService,
     private val dataSource: RecentSearchDataSource,
 ) : BookRepository {
+    override val recentSearches = dataSource.recentSearches
+
     override suspend fun searchBook(
         query: String,
         start: Int,
@@ -25,6 +27,11 @@ internal class DefaultBookRepository @Inject constructor(
         result
     }
 
+    override suspend fun removeRecentSearch(query: String) {
+        dataSource.removeRecentSearch(query)
+    }
+
+
     override suspend fun getBookDetail(itemId: String) = runSuspendCatching {
         service.getBookDetail(itemId).toModel()
     }
diff --git a/feature/search/src/main/kotlin/com/ninecraft/booket/feature/search/SearchPresenter.kt b/feature/search/src/main/kotlin/com/ninecraft/booket/feature/search/SearchPresenter.kt
@@ -16,6 +16,7 @@ import com.ninecraft.booket.feature.screens.LoginScreen
 import com.ninecraft.booket.feature.screens.SearchScreen
 import com.orhanobut.logger.Logger
 import com.slack.circuit.codegen.annotations.CircuitInject
+import com.slack.circuit.retained.collectAsRetainedState
 import com.slack.circuit.retained.rememberRetained
 import com.slack.circuit.runtime.Navigator
 import com.slack.circuit.runtime.presenter.Presenter
@@ -24,12 +25,13 @@ import dagger.assisted.AssistedFactory
 import dagger.assisted.AssistedInject
 import dagger.hilt.android.components.ActivityRetainedComponent
 import kotlinx.collections.immutable.persistentListOf
+import kotlinx.collections.immutable.toImmutableList
 import kotlinx.collections.immutable.toPersistentList
 import kotlinx.coroutines.launch
 
 class SearchPresenter @AssistedInject constructor(
     @Assisted private val navigator: Navigator,
-    private val bookRepository: BookRepository,
+    private val repository: BookRepository,
 ) : Presenter<SearchUiState> {
     companion object {
         private const val PAGE_SIZE = 20
@@ -42,6 +44,7 @@ class SearchPresenter @AssistedInject constructor(
         var uiState by rememberRetained { mutableStateOf<UiState>(UiState.Idle) }
         var footerState by rememberRetained { mutableStateOf<FooterState>(FooterState.Idle) }
         val queryState = rememberTextFieldState()
+        val recentSearches by repository.recentSearches.collectAsRetainedState(initial = emptyList())
         var searchResult by rememberRetained { mutableStateOf(BookSearchModel()) }
         var books by rememberRetained { mutableStateOf(persistentListOf<BookSummaryModel>()) }
         var currentStartIndex by rememberRetained { mutableIntStateOf(START_INDEX) }
@@ -60,7 +63,7 @@ class SearchPresenter @AssistedInject constructor(
                     footerState = FooterState.Loading
                 }
 
-                bookRepository.searchBook(query = query, start = startIndex)
+                repository.searchBook(query = query, start = startIndex)
                     .onSuccess { result ->
                         searchResult = result
                         books = if (startIndex == START_INDEX) {
@@ -92,7 +95,7 @@ class SearchPresenter @AssistedInject constructor(
 
         fun upsertBook(bookIsbn: String, bookStatus: String) {
             scope.launch {
-                bookRepository.upsertBook(bookIsbn, bookStatus)
+                repository.upsertBook(bookIsbn, bookStatus)
                     .onSuccess {
                         selectedBookIsbn = ""
                         selectedBookStatus = null
@@ -122,6 +125,16 @@ class SearchPresenter @AssistedInject constructor(
                     navigator.pop()
                 }
 
+                is SearchUiEvent.OnRecentSearchClick -> {
+                    searchBooks(query = event.query, startIndex = START_INDEX)
+                }
+
+                is SearchUiEvent.OnRemoveSearchRemoveClick -> {
+                    scope.launch {
+                        repository.removeRecentSearch(query = event.query)
+                    }
+                }
+
                 is SearchUiEvent.OnSearchClick -> {
                     searchBooks(query = event.text, startIndex = START_INDEX)
                 }
@@ -179,6 +192,7 @@ class SearchPresenter @AssistedInject constructor(
             uiState = uiState,
             footerState = footerState,
             queryState = queryState,
+            recentSearches = recentSearches.toImmutableList(),
             searchResult = searchResult,
             books = books,
             startIndex = currentStartIndex,
diff --git a/feature/search/src/main/kotlin/com/ninecraft/booket/feature/search/SearchScreen.kt b/feature/search/src/main/kotlin/com/ninecraft/booket/feature/search/SearchScreen.kt
@@ -10,6 +10,7 @@ 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.lazy.LazyColumn
 import androidx.compose.material3.Button
 import androidx.compose.material3.CircularProgressIndicator
 import androidx.compose.material3.ExperimentalMaterial3Api
@@ -28,12 +29,13 @@ import com.ninecraft.booket.core.designsystem.component.appbar.ReedBackTopAppBar
 import com.ninecraft.booket.core.designsystem.theme.ReedTheme
 import com.ninecraft.booket.core.designsystem.theme.White
 import com.ninecraft.booket.core.ui.component.ReedFullScreen
+import com.ninecraft.booket.feature.screens.SearchScreen
 import com.ninecraft.booket.feature.search.component.BookItem
 import com.ninecraft.booket.feature.search.component.BookRegisterBottomSheet
 import com.ninecraft.booket.feature.search.component.BookRegisterSuccessBottomSheet
 import com.ninecraft.booket.feature.search.component.InfinityLazyColumn
 import com.ninecraft.booket.feature.search.component.LoadStateFooter
-import com.ninecraft.booket.feature.screens.SearchScreen
+import com.ninecraft.booket.feature.search.component.SearchItem
 import com.slack.circuit.codegen.annotations.CircuitInject
 import dagger.hilt.android.components.ActivityRetainedComponent
 import kotlinx.collections.immutable.toImmutableList
@@ -122,7 +124,29 @@ internal fun SearchContent(
             }
 
             is UiState.Idle -> {
-                // TODO: 최근 검색어 노출
+                LazyColumn {
+                    items(
+                        count = state.recentSearches.size,
+                        key = { index -> state.recentSearches[index] },
+                    ) { index ->
+                        Column {
+                            SearchItem(
+                                query = state.recentSearches[index],
+                                onQueryClick = { keyword ->
+                                    state.eventSink(SearchUiEvent.OnRecentSearchClick(keyword))
+                                },
+                                onRemoveIconClick = { keyword ->
+                                    state.eventSink(SearchUiEvent.OnRemoveSearchRemoveClick(keyword))
+                                }
+                            )
+                            HorizontalDivider(
+                                modifier = Modifier.fillMaxWidth(),
+                                thickness = 1.dp,
+                                color = ReedTheme.colors.borderPrimary,
+                            )
+                        }
+                    }
+                }
             }
 
             is UiState.Success -> {
diff --git a/feature/search/src/main/kotlin/com/ninecraft/booket/feature/search/SearchUiState.kt b/feature/search/src/main/kotlin/com/ninecraft/booket/feature/search/SearchUiState.kt
@@ -27,6 +27,7 @@ data class SearchUiState(
     val uiState: UiState = UiState.Idle,
     val footerState: FooterState = FooterState.Idle,
     val queryState: TextFieldState = TextFieldState(""),
+    val recentSearches: ImmutableList<String> = persistentListOf(),
     val searchResult: BookSearchModel = BookSearchModel(),
     val books: ImmutableList<BookSummaryModel> = persistentListOf(),
     val startIndex: Int = 0,
@@ -50,6 +51,8 @@ sealed interface SearchSideEffect {
 
 sealed interface SearchUiEvent : CircuitUiEvent {
     data object OnBackClick : SearchUiEvent
+    data class OnRecentSearchClick(val query: String) : SearchUiEvent
+    data class OnRemoveSearchRemoveClick(val query: String) : SearchUiEvent
     data class OnSearchClick(val text: String) : SearchUiEvent
     data object OnClearClick : SearchUiEvent
     data class OnBookClick(val bookIsbn: String) : SearchUiEvent
diff --git a/feature/search/src/main/kotlin/com/ninecraft/booket/feature/search/component/SearchItem.kt b/feature/search/src/main/kotlin/com/ninecraft/booket/feature/search/component/SearchItem.kt
@@ -0,0 +1,70 @@
+package com.ninecraft.booket.feature.search.component
+
+import androidx.compose.foundation.clickable
+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.foundation.layout.width
+import androidx.compose.material3.Icon
+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.style.TextOverflow
+import androidx.compose.ui.unit.dp
+import com.ninecraft.booket.core.designsystem.ComponentPreview
+import com.ninecraft.booket.core.designsystem.theme.ReedTheme
+import com.ninecraft.booket.core.designsystem.R as designR
+
+@Composable
+fun SearchItem(
+    query: String,
+    onQueryClick: (String) -> Unit,
+    onRemoveIconClick: (String) -> Unit,
+    modifier: Modifier = Modifier,
+) {
+    Row(
+        modifier = modifier
+            .fillMaxWidth()
+            .clickable { onQueryClick(query) }
+            .padding(
+                horizontal = ReedTheme.spacing.spacing6,
+                vertical = ReedTheme.spacing.spacing4,
+            ),
+        verticalAlignment = Alignment.CenterVertically,
+    ) {
+        Text(
+            text = query,
+            color = ReedTheme.colors.contentSecondary,
+            overflow = TextOverflow.Ellipsis,
+            maxLines = 1,
+            style = ReedTheme.typography.body1Medium,
+            modifier = Modifier.weight(1f),
+        )
+        Spacer(modifier = Modifier.width(ReedTheme.spacing.spacing3))
+        Icon(
+            imageVector = ImageVector.vectorResource(id = designR.drawable.ic_close),
+            contentDescription = "Remove Icon",
+            tint = ReedTheme.colors.contentSecondary,
+            modifier = Modifier
+                .size(18.dp)
+                .clickable { onRemoveIconClick(query) },
+        )
+    }
+}
+
+@ComponentPreview
+@Composable
+private fun SearchItemPreview() {
+    ReedTheme {
+        SearchItem(
+            query = "최근 검색어 최근 검색어 최근 검색어 최근 검색어 최근 검색어",
+            onQueryClick = {},
+            onRemoveIconClick = {},
+        )
+    }
+}

Original file line number	Diff line number	Diff line change
`@@ -12,6 +12,7 @@ dependencies {`
`12`	`12`	`implementations(`
`13`	`13`	`projects.core.model,`
`14`	`14`
	`15`	`+ libs.kotlinx.coroutines.core,`
`15`	`16`	`libs.logger,`
`16`	`17`	`)`
`17`	`18`	`}`