[Fix/#146] 3차 QA #151

hyoeunjoo · 2025-08-31T17:11:39Z

✅ 𝗖𝗵𝗲𝗰𝗸-𝗟𝗶𝘀𝘁

merge할 브랜치의 위치를 확인해 주세요(main❌/develop⭕)
리뷰가 필요한 경우 리뷰어를 지정해 주세요
리뷰는 (아직 미정)에 진행됩니다.
P1 단계의 리뷰는 (아직 미정)까지 반영합니다.
Approve된 PR은 assigner가 머지하고, 수정 요청이 온 경우 수정 후 다시 push를 합니다.

📌 𝗜𝘀𝘀𝘂𝗲𝘀

closed [Fix] 효은 3차 QA #146

📎𝗪𝗼𝗿𝗸 𝗗𝗲𝘀𝗰𝗿𝗶𝗽𝘁𝗶𝗼𝗻

바텀시트 투두 -> 투데이 이동될 때 키보드 포커싱 해제하기
Tag 수정 서버통신
드래그 앤 드롭 UI상 오류 해결
화살표 로직 구현
Todo 뷰에서도 Setting으로 이동 가능하게끔 추가
다이얼로그에서 tag 명칭 및 색상 보이도록 매핑

📷 𝗦𝗰𝗿𝗲𝗲𝗻𝘀𝗵𝗼𝘁

KakaoTalk_20250901_020915047.mp4

💬 𝗧𝗼 𝗥𝗲𝘃𝗶𝗲𝘄𝗲𝗿𝘀

+) 드래그 앤 드롭은 현재 서버응답 문제로 반영은 안됩니다. 아마 리프레시 하시면 원래 상태로 돌아올거에요! 감안하고 확인해주시면 감사하겠습니다
+) 화살표 로직에 대해서 추가 설명 드리겠습니다.

현재 진행 중인 스케줄이 가장 우선순위가 높습니다.
1번인 경우가 아니라면, 미완료 처리된 투두 및 투데이 중 가장 최상단
시간이 지나거나 완료된 투두는 가장 최상단으로 옮겨지고 dim처리 됩니다
최상단에 있던 투두(화살표가 붙어있던)를 드래그 앤 드롭으로 옮기게되면 새롭게 최상단이 된 투두/스케줄에 화살표가 붙습니다.

이를 참고하셔서 엣지케이스 찾아주시면 감사하겠습니다.

p.s. 점점 끝이 보인다 화이팅 메둥이들아 ❤️

…l/35-APPJAM-ANDROID-MEMENTO into fix/#146-hyoeun-qa

…ID-MEMENTO into fix/#146-hyoeun-qa # Conflicts: # app/src/main/java/org/memento/presentation/component/MementoDialog.kt # app/src/main/java/org/memento/presentation/setting/SettingViewModel.kt # app/src/main/java/org/memento/presentation/today/TodayScreen.kt # app/src/main/java/org/memento/presentation/today/TodayViewModel.kt # app/src/main/java/org/memento/presentation/todo/TodoViewModel.kt

imtaejugkim

드앤드 미쳤다~~ 고생했습니다

imtaejugkim · 2025-09-02T13:01:09Z

app/src/main/java/org/memento/data/repositoryimpl/TodoRepositoryImpl.kt

+        override suspend fun patchDragAndDrop(
+            toDoId: Int,
+            dragAndDrop: DragAndDrop,
+        ): Result<Unit> {
+            return runCatching {
+                Log.d("drag", "📡 Sending PATCH to /todo/$toDoId/reorder with body = $dragAndDrop")
+
+                todoDataSource.patchDragAndDrop(
+                    toDoId = toDoId,
+                    requestDragAndDropDto = dragAndDrop.toData(),
+                ).handleBaseResponse().getOrThrow()
+            }
+        }


디버깅용 로그죠?

넹.. 서버 잘 연결되면 지우겠습니다!

imtaejugkim · 2025-09-02T13:07:10Z

app/src/main/java/org/memento/presentation/setting/SettingEditTagScreen.kt

+                is UiState.Failure -> {
+                    showExistDialog = false
+                    showExistDialog = true
+                    settingViewModel.resetTagUiState()
+                }


요것은 왜 false로 초기화됐다 다시 true가 된건가요?

그거 아직 tag patch되는 api로 이것저것 테스트해보다가 안지워서 저렇게 작성된 것 같습니다
지금 해당 api가 조금 이상해서 서버쌤들께 말씀드렸어요! 추후 해결되면 분기처리 제대로 하려구요ㅠㅠ

imtaejugkim · 2025-09-02T13:08:25Z

app/src/main/java/org/memento/presentation/setting/SettingEditTagScreen.kt

                        colorHex = selectedColorCode.toString(),
                    )
                } else {
+                    Timber.tag("D").d(text)


나중에 지우기

ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ넵!!!!!!!!!!

imtaejugkim · 2025-09-02T13:38:57Z

app/src/main/java/org/memento/presentation/today/TodayScreen.kt

+                        itemsIndexed(combinedItems, key = { _, item ->
+                            when (item) {
+                                is MementoItem.TodoItem -> "todo_${item.id}"
+                                is MementoItem.ScheduleItem -> "schedule_${item.id}"
+                            }
+                        }) { index, item ->
+
+                            val isDragging =
+                                when (item) {
+                                    is MementoItem.TodoItem -> draggedItemId == item.id
+                                    is MementoItem.ScheduleItem -> false
+                                }
                            val scale by animateFloatAsState(if (isDragging) 1.1f else 1f)

+                            val canDrag = item is MementoItem.TodoItem
+
                            Box(
                                modifier =
                                    Modifier
                                        .fillMaxWidth()
+                                        .onGloballyPositioned { coordinates ->
+                                            if (index == 0 && actualItemHeight == 0f) {
+                                                actualItemHeight = coordinates.size.height.toFloat()
+                                            }
+                                        }
                                        .graphicsLayer(
                                            scaleX = scale,
                                            scaleY = scale,
                                            translationY = if (isDragging) draggedOffsetY else 0f,
                                        )
                                        .zIndex(if (isDragging) 1f else 0f)
-                                        .pointerInput(Unit) {
-                                            detectDragGesturesAfterLongPress(
-                                                onDragStart = {
-                                                    draggedItemIndex = index
-                                                    isDraggingEnabled = true
-                                                },
-                                                onDrag = { change, dragAmount ->
-                                                    if (isDraggingEnabled) {
-                                                        change.consume()
-                                                        draggedOffsetY += dragAmount.y
-
-                                                        val itemHeightPx = with(density) { 60.dp.toPx() }
-                                                        while (true) {
-                                                            val deltaIndices = (draggedOffsetY / itemHeightPx).toInt()
-                                                            if (deltaIndices == 0) break
-
-                                                            val targetIndex =
-                                                                (draggedItemIndex + deltaIndices)
-                                                                    .coerceIn(0, combinedItems.size - 1)
-
-                                                            if (targetIndex != draggedItemIndex) {
-                                                                viewModel.reorderItems(draggedItemIndex, targetIndex)
-                                                                draggedItemIndex = targetIndex
-                                                                draggedOffsetY %= itemHeightPx
-                                                            } else {
-                                                                draggedOffsetY = 0f
-                                                                break
+                                        .then(
+                                            if (canDrag) {
+                                                // 캐스팅
+                                                val todoItem = item as MementoItem.TodoItem
+
+                                                Modifier.pointerInput(item.id) {
+                                                    detectDragGesturesAfterLongPress(
+                                                        onDragStart = {
+                                                            // ID로 추적 추가
+                                                            draggedItemId = (item as? MementoItem.TodoItem)?.id ?: -1
+                                                            draggedItemIndex = index
+                                                            isDraggingEnabled = true
+                                                        },


드래그 앤 드롭 정말 고생많으셨습니다!
하나 생각해보자면, 현재는 드래그 중에 아이템이 한칸씩 넘어갈 때마다 viewmodel.reorderItems가 투두랑 스케쥴 아이템을 갱신하고 combineItems가 재계산 되서 전체리스트가 계속 리컴포지션이 되는 것 같아요

과도한 리컴포지션이 반복될 수도 있다고 생각되서, 이런 방법은 혹시 어떨지 질문드립니다.

생각한 방법은, 드롭이 완료되기 전에는 임시 temp 데이터를 만들어서 UI상에만 변경시키고, drag end시에 reorder데이터를 반영하는 것은 어떨까 싶습니다.

var tempCombinedItems by remember { mutableStateOf<List<MementoItem>?>(null) } val uiItems = tempCombinedItems ?: combinedItems

이런식으로 uiItems를 임의로 만들어주고,

nDragStart = { draggedItemId = (item as? MementoItem.TodoItem)?.id ?: -1 draggedItemIndex = index isDraggingEnabled = true // temp로 복사 tempCombinedItems = combinedItems.toList() }

데이터 복사하고,

while (kotlin.math.abs(draggedOffsetY) >= totalItemHeight) { val direction = if (draggedOffsetY > 0) 1 else -1 val currentList = (tempCombinedItems ?: combinedItems).toMutableList() // 현재 드래그 중인 아이템 index를 temp에서 찾게 val currentDraggedIndex = currentList.indexOfFirst { it is MementoItem.TodoItem && it.id == draggedItemId } if (currentDraggedIndex == -1) break

이런식으로 ui에서 사용되고, dragEnd가 되면 patch후에 다시 해당 temp데이터를 비울수도 있을 것 같아요.

한번 확인해주시고 알려주시면 좋을 것 같아요~!

정말 너무 좋은..!!! 성능을 진짜 많이 개선할 수 있을 것 같아요
사실 저도 이 부분이 좋은 로직이라고는 생각하지 않았거든요. 드래그할 때마다 ViewModel의 reorderItems를 호출해서 _todoItems와 _scheduleItems가 매번 업데이트되고, 이게 combinedItems StateFlow를 다시 계산하게 만들어서 전체 LazyColumn이 계속 리컴포지션되는 문제가 있었기때문이죠. 투두 아이템이 많아지면 분명 많이 버벅거릴거라고 생각했어요

해당 방식을 사용하면 드래그 중에는 tempCombinedItems라는 임시 리스트에서만 순서를 바꾸고, 실제 ViewModel은 건드리지 않습니다. 드래그가 완전히 끝났을 때 한 번만 ViewModel을 업데이트 하면 드래그 중에는 UI 레벨에서만 변경이 일어나서 StateFlow 재계산이나 불필요한 리컴포지션이 발생하지 않는다는 성능상 큰 장점이 있을 것 같습니다.

좋은 리뷰 감사합니다! 역시 애햄이!

hwidung

이 복잡한 로직을 완성하느라 너무너무 고생 많앗오요 짱!

hwidung · 2025-09-02T14:57:54Z

app/src/main/java/org/memento/presentation/component/MementoScheduleItem.kt

+                            .fillMaxWidth(fraction = fraction)
+                            .aspectRatio(3f / 68f)


오 ㅎ 급 감탄 ui 잘짠당

hwidung · 2025-09-02T15:12:14Z

app/src/main/java/org/memento/presentation/today/TodayViewModel.kt

+            val movedItem = currentList[fromIndex]

-            val movedItem = currentList.removeAt(fromIndex)
+            if (movedItem !is MementoItem.TodoItem) return


스케줄은 드앤드 안되고 투두만 드앤드 되는 군뇨~~

hwidung and others added 14 commits June 1, 2025 17:07

[feat/#144] Setting Tag 관련 네비게이션 백스택 관리

c4dac50

Merge branch 'feat/#144-setting-nav-qa' of https://github.com/SOPT-al…

56741e5

…l/35-APPJAM-ANDROID-MEMENTO into fix/#146-hyoeun-qa

[feat/#146] TagMapping

cbf7a79

[feat/#146] 드래그 앤 드롭 서버통신

8b868c0

[mod/#146] 태그 수정 api 수정

3932bde

[mod/#146] Todo -> Setting 이동 로직 추가

192352c

[mod/#146] 바텀시트 내에서의 키보드 포커싱 문제 해결

1ad4315

[mod/#146] Todo -> Setting 이동

b844a01

[mod/#146] Setting 리셋 로직 추가

8eba3e1

[mod/#146] 드래그 앤 드롭 로직 수정

b7cd418

[feat/#146] 화살표 로직 구현

3480348

[mod/#146] 충돌해결

bedd4cf

[mod/#146] ktlint 체크

f54e7d8

hyoeunjoo requested review from hwidung and imtaejugkim August 31, 2025 17:11

hyoeunjoo self-assigned this Aug 31, 2025

hyoeunjoo added the 🔧 [FIX] 버그 및 오류 해결 label Aug 31, 2025

imtaejugkim reviewed Sep 2, 2025

View reviewed changes

hwidung approved these changes Sep 2, 2025

View reviewed changes

hyoeunjoo added 2 commits September 4, 2025 02:40

[mod/#146] 드래그 앤 드롭 로직 수정

6f5d6e2

[mod/#146] Ktlint

2f1123d

imtaejugkim approved these changes Sep 4, 2025

View reviewed changes

hyoeunjoo merged commit 0ca1108 into develop Sep 4, 2025
1 check passed

hyoeunjoo deleted the fix/#146-hyoeun-qa branch September 4, 2025 12:01

[Fix/#146] 3차 QA #151

[Fix/#146] 3차 QA #151

Uh oh!

Conversation

hyoeunjoo commented Aug 31, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

✅ 𝗖𝗵𝗲𝗰𝗸-𝗟𝗶𝘀𝘁

📌 𝗜𝘀𝘀𝘂𝗲𝘀

📎𝗪𝗼𝗿𝗸 𝗗𝗲𝘀𝗰𝗿𝗶𝗽𝘁𝗶𝗼𝗻

📷 𝗦𝗰𝗿𝗲𝗲𝗻𝘀𝗵𝗼𝘁

💬 𝗧𝗼 𝗥𝗲𝘃𝗶𝗲𝘄𝗲𝗿𝘀

Uh oh!

imtaejugkim left a comment

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

hwidung left a comment

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

4 participants

hyoeunjoo commented Aug 31, 2025 •

edited

Loading