[채드] 4단계 장바구니 미션 제출합니다. #5

dpcks0509 · 2024-11-04T18:48:38Z

3단계 피드백 리팩토링 및 4단계 구현 완료하였습니다!
SnapshotStateList를 사용해 보았는데 알맞게 사용한 것인지는 모르겠습니다! (피드백 받고 싶어요!!)

시연 영상

default.mp4

murjune

안녕하세요 채드! 3단계에 이어서 4단계 미션까지 잘 수행해주셨네요 💯
제가 남겨드린 피드백은 제 개인적인 의견이고 정답이 아닐 수 있습니다!
채드가 피드백에 의문을 갖으신다면 언제든지 코멘트나 DM 보내주세요! 💪

그리고 현재 머지 충돌이 발생하고 있는데 해결해주시면 좋을 것 같습니다~

murjune · 2024-11-06T13:22:00Z

.editorconfig

@@ -0,0 +1,2 @@
+[*.{kt,kts}]
+ktlint_function_naming_ignore_when_annotated_with = Composable, Test


아 맞다 ktlint ㅋㅋㅋ 잘 적용해주셨군요!

murjune · 2024-11-06T13:22:46Z

gradle/libs.versions.toml

@@ -8,6 +8,12 @@ espressoCore = "3.6.1"
 lifecycleRuntimeKtx = "2.8.4"
 activityCompose = "1.9.1"
 composeBom = "2024.06.00"
+ktlint = "12.1.0"
+coil = "3.0.0-rc02"


coil 3.0.0 이 릴리즈 되었습니다. 😉

그사이에 3.0.1까지 나왔네요! 수정하였습니다!!

murjune · 2024-11-06T13:23:37Z

gradle/libs.versions.toml

+androidx-appcompat = { group = "androidx.appcompat", name = "appcompat", version.ref = "appcompat" }
+material = { group = "com.google.android.material", name = "material", version.ref = "material" }
+androidx-activity = { group = "androidx.activity", name = "activity", version.ref = "activity" }


이 부분이 없어도 동작할 것 같습니다 👀

그렇네요 불필요한 libs 삭제하였습니다!

murjune · 2024-11-06T13:24:16Z

app/src/main/res/values/strings.xml

string resource를 야무지게 잘 적용해주셨군요! 👍

murjune · 2024-11-06T13:25:42Z

app/src/main/java/nextstep/shoppingcart/ui/shoppingcart/ShoppingCartScreen.kt

+                        imageUrl =
+                            "https://search.pstatic.net/common/?src=http%3A%2F%2Fblogfiles.naver.net" +
+                                "%2FMjAyNDAyMjNfMjkg%2FMDAxNzA4NjE1NTg1ODg5.ZFPHZ3Q2HzH7GcYA1_Jl0lsIdvAnzUF2h6Qd6bgDLHkg." +
+                                "_7ffkgE45HXRVgX2Bywc3B320_tuatBww5y1hS4xjWQg.JPEG%2FIMG_5278.jpg&type=sc960_832",


제가 잘 몰라서 그런데 Coil 이 Preview 에서도 반영이 되나요??
네트워크 통신을 자동으로 해주는건가요?

coil은 preview가 적용이 안되는 것 같아요,, 추후에 지원이 됐으면 좋겠네요!

murjune · 2024-11-06T13:51:35Z

app/src/main/java/nextstep/shoppingcart/ui/productlist/ProductListAction.kt

+sealed interface ProductListAction {
+    data class AddProduct(val product: Product) : ProductListAction
+
+    data class DecreaseProductQuantity(val product: Product) : ProductListAction
+}


오 액션을 인터페이스로 잘 추상화해주셨군요!

아마 컴포저블 함수의 parameter 의 개수를 줄이기 위해 적용하신 것이겠죠??

네 맞습니다!

murjune · 2024-11-06T13:55:24Z

app/src/main/java/nextstep/shoppingcart/ui/shoppingcart/ShoppingCartScreen.kt

+    val snackbarHostState = remember { SnackbarHostState() }
+    val snackbarMessage = stringResource(R.string.shopping_cart_order_completed)
+
+    val shoppingCartProducts = DatabaseShoppingCartRepository.shoppingCartProducts


Composable 은 UI 요소 입니다. UI 가 Repository 을 모르도록 데이터를 받아오는 로직을 상위로 올려볼까요??

activity에서 screen의 parameter로 데이터를 넘기도록 수정했습니다!

murjune · 2024-11-06T16:20:05Z

app/src/androidTest/java/nextstep/shoppingcart/ui/shoppingcart/ShoppingCartScreenTest.kt

+        DatabaseShoppingCartRepository.removeProduct(product = productA)
+        DatabaseShoppingCartRepository.removeProduct(product = productB)
+
+        DatabaseShoppingCartRepository.addProduct(product = productA)
+        DatabaseShoppingCartRepository.addProduct(product = productA)
+        DatabaseShoppingCartRepository.addProduct(product = productB)


현재 ShoppingCartScreen 이 DatabaseShoppingCartRepository 와 강결합되어 있기 때문에 테스트할 때 DatabaseShoppingCartRepository를 설정해주고 있습니다.

아래 남겨드린 피드백을 적용하시면 자연스럽게 해결될 것 같네요 💪

murjune · 2024-11-06T16:43:28Z

app/src/main/java/nextstep/shoppingcart/data/repository/DatabaseShoppingCartRepository.kt

+import nextstep.shoppingcart.domain.model.ShoppingCartProduct
+import nextstep.shoppingcart.domain.repository.ShoppingCartRepository
+
+object DatabaseShoppingCartRepository : ShoppingCartRepository {


일반적으로 Repository 는 remote에서 오는지 local에서 오는지 등 데이터의 출처를 추상화하여 데이터를 받아옵니다. 그러나, Database 라는 데이터 출처를 class 명으로 나타내고 있네요.

채드는 Repository 패턴을 사용하시는 다른 이유가 있으신가요?? 🤔

음 그렇네요,, Repository 는 remote에서 오는지 local에서 오는지 등 데이터의 출처에 관심이 없겠군요. class 명 수정하겠습니다!

murjune · 2024-11-06T16:48:18Z

app/src/main/java/nextstep/shoppingcart/data/repository/DatabaseShoppingCartRepository.kt

+import nextstep.shoppingcart.domain.repository.ShoppingCartRepository
+
+object DatabaseShoppingCartRepository : ShoppingCartRepository {
+    private val _shoppingCartProducts: SnapshotStateList<ShoppingCartProduct> = mutableStateListOf()


SnapshotStateList 를 잘 사용해주셨군요!

mutableStateListOf 와 mutableStateOf(list) 는 어떤 차이가 있을까요? 언제 상태 변경을 감지하는지 위주로 설명해주세요 🤔

mutableStateListOf는 리스트 자체의 변경과 아이템의 추가/삭제를 자동으로 감지하여 UI에 반영해줍니다.
반면 mutableStateOf(list)는 리스트 전체를 교체할 때만 상태 변경을 감지하므로, 아이템을 추가하거나 삭제할 때는 새 리스트로 할당해야 UI 업데이트가 이루어집니다.

dpcks0509 self-assigned this Nov 4, 2024

murjune requested changes Nov 6, 2024

View reviewed changes

dpcks0509 added 3 commits November 8, 2024 13:46

docs: 4단계 기능 요구 사항 작성

ca0b2db

feat: 4단계 기능 구현 완료

7c2877c

feat: Snackbar 추가

d196c63

dpcks0509 force-pushed the step4 branch from c8959d0 to d196c63 Compare November 8, 2024 04:48

dpcks0509 added 8 commits November 8, 2024 13:53

refactor: coil version 수정

b313909

chore: 불필요한 library 제거 및 coil version 변경

b250a42

refactor: QuantityControlButton 네이밍 적용

4118e93

refactor: click event parameter 위치 수정

7dd6eea

refactor: 기존 screen 내부에서 받아오는 데이터 paramter에서 받아오도록 수정

74fd112

refactor: Repository 구현체 클래스명 수정

b224d34

refactor: product 에러 핸들링 방법 수정

49b55ce

style: ktlint 적용

f7a7513

dpcks0509 requested a review from murjune November 8, 2024 07:00

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[채드] 4단계 장바구니 미션 제출합니다. #5

[채드] 4단계 장바구니 미션 제출합니다. #5

dpcks0509 commented Nov 4, 2024 •

edited

Loading

murjune left a comment •

edited

Loading

murjune Nov 6, 2024

murjune Nov 6, 2024

dpcks0509 Nov 8, 2024

murjune Nov 6, 2024 •

edited

Loading

dpcks0509 Nov 8, 2024

murjune Nov 6, 2024

murjune Nov 6, 2024

dpcks0509 Nov 8, 2024

murjune Nov 6, 2024

dpcks0509 Nov 8, 2024

murjune Nov 6, 2024

dpcks0509 Nov 8, 2024

murjune Nov 6, 2024 •

edited

Loading

murjune Nov 6, 2024

dpcks0509 Nov 8, 2024

murjune Nov 6, 2024

dpcks0509 Nov 8, 2024

		@@ -0,0 +1,2 @@
		[*.{kt,kts}]
		ktlint_function_naming_ignore_when_annotated_with = Composable, Test

[채드] 4단계 장바구니 미션 제출합니다. #5

Are you sure you want to change the base?

[채드] 4단계 장바구니 미션 제출합니다. #5

Conversation

dpcks0509 commented Nov 4, 2024 • edited Loading

시연 영상

murjune left a comment • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

murjune Nov 6, 2024 • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

murjune Nov 6, 2024 • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

dpcks0509 commented Nov 4, 2024 •

edited

Loading

murjune left a comment •

edited

Loading

murjune Nov 6, 2024 •

edited

Loading

murjune Nov 6, 2024 •

edited

Loading