[Feat] 일정화면 Compose 마이그레이션 #20

parkjiminnnn · 2025-12-21T11:14:55Z

#️⃣ 이슈 번호

#7

🛠️ 작업 내용

일정화면 컴포즈 마이그레이션
기존엔 ScheduleFragment에 날짜의 개수만큼 ViewModel과 ScheduleTabFragment를 생성하는 방식을 사용했는데,
ScheduleTabFragment를 삭제하고 ViewModel 객체도 한개만 생성되도록 변경했습니다.

🙇🏻 중점 리뷰 요청

놓친 부분 있으면 알려주세용. 여러 번 엎어서 있을 지도 몰라요..

📸 이미지 첨부 (Optional)

Screen_recording_20251219_214904.mp4

coderabbitai · 2025-12-21T11:15:00Z

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

✨ Finishing touches

🧪 Generate unit tests (beta)

Create PR with unit tests
Post copyable unit tests in a comment
Commit unit tests in branch feat/7

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

oungsi2000

안녕하세요 제이!
뷰모델을 엎으셨다고 들었는데 고생 많으셨습니다...!

전반적으로 뷰모델이 기존보다 깔끔해진 느낌이 들어 개인적이로 읽기 편했네요 !
하지만 우려하신대로 현재 ScheduleViewModel이 조금 위험하게 동작하고 있어 RC 드립니다..!

고생 많으셨습니다

oungsi2000 · 2025-12-21T12:35:33Z

app/src/main/java/com/daedan/festabook/presentation/schedule/component/ScheduleEventCard.kt

+                style = MaterialTheme.typography.titleLarge,
+                color = scheduleEventCardProps.titleColor,


이제는 Typhography와 FestabookColor도 CompositionLocal로 전달해주니 MaterialTheme은 안써도 될 것 같아요 !

오잉 이건 현재 getter프로퍼티가 없어서 CompositionLocal로 전달 안하고 있는걸로 아는데 제가 놓친 부분이 있을까요?

전역 작업때 추가했습니다 !

전역작업pr전에 만든 브랜치라 제 파일에는 반영이 안되어 있는 것 같군요..
리베이스나 머지를 해서 반영할까요 아님 이 pr 머지되면 한번더 작업하는게 좋을까요?

비교적 간단한 작업이라서 이 PR에 반영해도 좋을 것 같아요 !

oungsi2000 · 2025-12-21T12:47:06Z

app/src/main/java/com/daedan/festabook/presentation/schedule/component/ScheduleEventCard.kt

+    val scheduleEventCardProps =
+        when (scheduleEvent.status) {
+            ScheduleEventUiStatus.UPCOMING -> {
+                ScheduleEventCardProps(
+                    cardBorderColor = FestabookColor.accentGreen,
+                    titleColor = FestabookColor.black,
+                    contentColor = FestabookColor.gray500,
+                    labelText = stringResource(R.string.schedule_status_upcoming),
+                    labelTextColor = FestabookColor.black,
+                    labelBackgroundColor = FestabookColor.white,
+                    labelBorderColor = FestabookColor.black,


현재 구현을 보면 ScheduleEventCard이 리컴포지션이 될 때마다, 그리고 각 ScheduleEventCard 컴포저블 별로 독립적인 prop 인스턴스를 생성하게 되어 비효율적인 것 같아요.

사실 데이터들이 정적인 값인데 object로 뺴는건 어떻게 생각하시나요?

반영했습니다!!
refactor: ScheduleEventCard 리팩토링 및 색상 로직 분리

oungsi2000 · 2025-12-21T12:51:10Z

app/src/main/java/com/daedan/festabook/presentation/schedule/component/ScheduleEventItem.kt

이 코드가 사용되는 곳은 ScheduleTabpage.kt -> ScheduleTabContent 밖에 없는데 별도의 파일로 둔 이유가 있으실까요?

딱히 대단한 이유는 없지만 파일의 라인이 길어지면 저는 가독성이 떨어진다고 생각해서 분리했습니다.

oungsi2000 · 2025-12-21T13:02:44Z

app/src/main/java/com/daedan/festabook/presentation/schedule/component/ScheduleEventItem.kt

+    scheduleEvent: ScheduleEventUiModel,
+    modifier: Modifier = Modifier,
+) {
+    val composition by rememberLottieComposition(LottieCompositionSpec.RawRes(R.raw.pulse_circle))


Lottie가 내부적으로 캐싱을 사용하지만, 그래도 매 아이템마다 캐시를 뒤지는 건 여전히 비효율적인것 같아요.

호이스팅하여 lottieComposition을 주입하는건 어떤가요?

반영했습니다!
refactor: Lottie 프로퍼티 호이스팅 적용

oungsi2000 · 2025-12-21T13:05:47Z

app/src/main/java/com/daedan/festabook/presentation/schedule/component/ScheduleEventItem.kt

+            ScheduleEventUiStatus.COMPLETED -> {
+                LottieTimeLineCircleProps(
+                    centerColor = FestabookColor.gray300,
+                    outerOpacity = 0f,
+                    innerOpacity = 0f,
+                    outerColor = FestabookColor.gray300,
+                    innerColor = FestabookColor.gray300,
+                )
+            }


COMPLETED 상태일 때는 lottie를 사용하지 않도록 하는 방향은 어떻게 생각하시나요 ??

한 페이지의 모든 아이템이 Completed이 상태일 때도, Lottie 때문에 hwui에서 막대기가 계속 돌아가네요 ㅠㅠ

progress를 0f로 변경해서 completed상태일 때 애니메이션을 그리지 않도록 변경했는데 이방법 어떠신가요?
refactor: ScheduleEventItem 코드 구조 개선 및 가독성 향상

실험해보니 0f로 변경하는 건 단순히 가시성만 변경하는 거라서 실제로 애니메이션 연산은 수행되더라구요..!

animateLottieCompositionAsState로 progress를 받아올 때 상태에 따라 iterations를 손봐야 할 것 같아요.
하지만 해당 방법을 적용하려면 호이스팅하셨던 상태를 제거하고, 기존에 작성하셨던 것처럼 LazyColumn의 각 아이템별로 rememeber ~ 를 해야 할 것 같습니다.

혹은 다른 좋은 방법 있으시다면 적용해도 좋을 것 같아요.
이 부분은 제이의 재량에 맡기겠습니다..!

val progress by animateLottieCompositionAsState( composition = composition, iterations = LottieConstants.IterateForever, isPlaying = scheduleEvent.status != ScheduleEventUiStatus.COMPLETED, )

이렇게하고 progress 로그찍어보니까 연산이 멈추네용 이방법 낫배드 인듯?

oungsi2000 · 2025-12-21T13:28:18Z

app/src/main/java/com/daedan/festabook/presentation/schedule/ScheduleViewModel.kt

+        supervisorScope {
+            scheduleDateUiModels.forEachIndexed { position, scheduleDateUiModel ->
+                launch {
+                    loadEventsByPosition(
+                        position = position,
+                        scheduleDateUiModel = scheduleDateUiModel,
+                        scheduleEventsUiState = scheduleEventUiState,
+                    )
                }
+            }


예외 처리를 Result.onFailure로 해주고 있는데 supervisorScope을 사용하신 이유가 있으실까요?

일단 날짜탭 하나당 ScheduleUiState를 가지는 방식으로 리팩토링했는데, 만약에 supervisorScope를 사용하지 않으면 fail을 던지고 리턴하게 되버려서 나머지 날짜 탭의 값을 살리기 위해 supervisorScope를 사용했습니다!
혹시 제가 잘못 이해하고 사용한 부분이 있을까요?

supervisorScope는 부모 코루틴으로 예외 전파를 막는 기능인 것으로 알고 있어요.
하지만 지금은 loadEventsByPosition에서 예외가 발생하는 것이 아닌, failure로 예외 처리를 진행해주고 있기 때문에,
굳이 supervisorScope로 감싸지 않아도 동일한 기능을 수행하는 것 같아 드린 리뷰였어요.

fail을 던지고 리턴하게 되버려서
만약 1 번째 루프에서 fail을 한다면 나머지 코루틴들이 중단이 된다는 말씀이실까요?
제가 실험했을 땐 정상 동작했던 것 같습니다 !

oungsi2000 · 2025-12-21T13:30:26Z

app/src/main/java/com/daedan/festabook/presentation/schedule/ScheduleViewModel.kt

+            scheduleDateUiModels.forEachIndexed { position, scheduleDateUiModel ->
+                launch {
+                    loadEventsByPosition(
+                        position = position,
+                        scheduleDateUiModel = scheduleDateUiModel,
+                        scheduleEventsUiState = scheduleEventUiState,


제가 기억이 잘 안나서 그러는데 기존에도 eager loading 방식으로 불러왔나요 ??

기존에는 ScheduleTabFragment를 생성할 때마다 하나씩 불러오는 방식이었는데 XML의 ViewPager2의 기능 중에 ScheduleTabFragment를 미리 생성해서 캐싱할 수 있었습니다. 이때는 ScheduleTabFragment하나당 ViewModel을 생성하는 구조였기에 eager loading 방식은 아니었습니다.

하지만 HorizontalPager는 fragment를 생성하는게 아닌 컴포저블만 미리 생성해서 그려놓는 방식이기에 일단 eager loading을 사용했는데 이 방식은 비효율적인 것 같아서 loadAllEvents의 파라미터로 pageRange를 추가해서 범위를 지정해서 호출하는 방식으로 변경할 예정입니다.

refactor: 일정 화면 이벤트 프리로딩하도록 변경

oungsi2000 · 2025-12-21T13:37:50Z

app/src/main/java/com/daedan/festabook/presentation/schedule/component/ScheduleTabPage.kt

흠...빈 화면일 때는 새로고침이 안되네요..?

고쳤습니다..😅

fix: 일정 탭 빈 화면 스크롤 가능하도록 수정

엇..로드에 실패한 탭은 빈화면 + 새로고침이 안되네요...! 이 부분도 제이의 재량에 맡기겠습니다 !

아 이 부분을 개발할 때 생각을 하긴 했는데 아직 에러처리가 다른화면에서도 미정이라 에러일 때 보여줄 컴포저블을 정하면 그때 반영하려고 남겨두었습니다!

oungsi2000 · 2025-12-21T13:39:41Z

app/src/main/java/com/daedan/festabook/presentation/schedule/ScheduleViewModel.kt

제가 잘 기억이 안나서 그러는데 기존에도 일정 메뉴 버튼을 재클릭하면 모든 날짜의 일정을 새로고침 했었을까요..?

저는 전체 새로고침으로 기억합니당.
아마 이 기능이 인스타의 UX를 반영했던 걸로 기억하는데 인스타도 메뉴 재클릭하면 게시물과 스토리까지 모두 업데이트하고 초기의 맨 위 게시물로 올라가는걸로 알고있어용

oungsi2000 · 2025-12-21T13:43:20Z

app/src/main/java/com/daedan/festabook/presentation/schedule/ScheduleViewModel.kt

+    fun loadSchedules(
+        scheduleUiState: ScheduleUiState = ScheduleUiState.InitialLoading,
+        scheduleEventUiState: ScheduleEventsUiState = ScheduleEventsUiState.InitialLoading,
+        selectedDatePosition: Int? = null,
+    ) {


중요 !

현재 의도와는 다르게 특정 페이지를 새로고침하면
해당 페이지의 요소만 불러오는것이 아닌 모든 페이지의 일정 api를 요청하는 문제가 있습니다..!

특정 페이지 새로고침 메소드도 결국 loadAllEvents()을 호출합니다.

다른 부분은 몰라도 이건 꼭 해결을 해주셨으면 좋겠어요.

지정된 개수만 불러오도록 변경했습니당.

refactor: 일정 화면 이벤트 프리로딩하도록 변경

잘 동작하네요 !

etama123

일정화면 PR에 남겨서 죄송합니다 😥

소식 탭에서 리스트 외부 영역을 드래그했을 때, 좌우 페이지로 이동할 수 없는 것 같아요! 한 번 확인부탁드립니다~

고생하셨습니다 제이🐹

etama123 · 2025-12-22T16:29:13Z

app/src/main/java/com/daedan/festabook/presentation/news/component/NewsTabRow.kt

    TabRow(
        selectedTabIndex = pageState.currentPage,
        containerColor = MaterialTheme.colorScheme.background,


여기에서도 FestabookColor 를 사용할 수 있지 않을까요?

dev브랜치 병합시키고 반영하겠습니다.

fix: NewsScreen 내 Pager 구성 요소 레이아웃 수정

여기에서도 FestabookColor 를 사용할 수 있지 않을까요?

TabRow가 Material 컴포넌트라서 이렇게 했는데 제가 놓친 부분이 있을까요?

oungsi2000

고생하셨습니다 제이 ~~

# Conflicts: # app/src/main/java/com/daedan/festabook/di/FestaBookAppGraph.kt # app/src/main/java/com/daedan/festabook/presentation/schedule/ScheduleFragment.kt # app/src/main/java/com/daedan/festabook/presentation/schedule/ScheduleViewModel.kt # app/src/test/java/com/daedan/festabook/schedule/ScheduleViewModelTest.kt

parkjiminnnn added 30 commits December 1, 2025 20:11

chore: 사용하지 않는 파일 제거

41295e0

refactor: 공통 헤더 컴포넌트 이름 변경 및 Scaffold 적용

bca7076

style: 코드 포맷팅

a61fa9a

fix: NewsScreen Modifier 누락 수정 및 NewsTabRowPreview 테마 적용

507b68f

refactor: StateFlow로 변경

e454246

feat: 일정 화면 ComposeUI 기초 구현

2127ad4

refactor: NewsTabRow 컨텐츠 색상 설정 방식 변경

fb6e92e

refactor: 네이밍 변경

c95f70a

feat: 일정 화면 탭 UI 구현

2f77110

feat: 일정 아이템 카드 구현

af8fa95

refactor: 불필요한 함수 제거

831e0dc

feat: 일정 타임라인에 사용될 Lottie Circle 데이터 클래스 추가

9b9e426

feat: 일정 아이템 카드 UI 구현

39956b8

feat: 카드 배경색 적용

5bd8069

fix: 소식 화면 레이아웃 패딩 수정

acd296f

feat: 일정 화면 Compose 마이그레이션

09f399f

refactor: VieModel 자동 DI 변경

aa7d65b

refactor: 일정 화면 UI 상태 관리 및 데이터 로딩 로직 개선

dbd60af

fix: 일정 화면 새로고침 시 기존 데이터 유지 로직 수정

486cad8

fix: ScheduleViewModel 데이터 로딩 로직 개선

0eba44e

refactor: 일정 화면 UI 상태 구조 개선 및 로직 최적화

4fda065

fix: Schedule 화면 성능 및 UX 개선

a5469ef

feat: 일정 화면 현재 진행 중인 이벤트 위치로 자동 스크롤 기능 추가

54cf5b1

refactor: ScheduleFragment의 메뉴 재클릭 로직 수정

670a838

fix: 일정 화면 새로고침(Refreshing) 상태 추가 및 UI 로직 개선

12795eb

refactor: 일정 화면 ViewPager 및 탭 페이지 프래그먼트 제거

b21e5ec

feat: ScheduleTabPage 에러 발생 시 스택 트레이스 로그 추가

0076c56

fix: 진행 중인 일정 위치 계산 로직 수정

54562e4

feat: JUnit 5 마이그레이션 및 테스트 환경 설정

72136fa

refactor: ScheduleEventUiModel에서 북마크 상태 필드 제거

722f08f

test: ScheduleViewModelTest 및 관련 코드 리팩토링

44db8ea

parkjiminnnn requested review from etama123 and oungsi2000 December 21, 2025 11:14

parkjiminnnn self-assigned this Dec 21, 2025

parkjiminnnn added the Feat label Dec 21, 2025

oungsi2000 requested changes Dec 21, 2025

View reviewed changes

parkjiminnnn added 9 commits December 22, 2025 19:46

refactor: ScheduleEventCard 리팩토링 및 색상 로직 분리

8baaf1e

refactor: Lottie 프로퍼티 호이스팅 적용

8c77188

refactor: Composable 어노테이션 제거

3f84cc5

refactor: ScheduleEventItem 코드 구조 개선 및 가독성 향상

401b44b

refactor: PullToRefreshContainer 사용 방식 개선 및 리팩토링

35e2a38

refactor: 일정 화면 탭 클릭 시 스크롤 애니메이션 적용

4f864cb

fix: 일정 탭 빈 화면 스크롤 가능하도록 수정

c76703e

refactor: 선택적 파라미터를 사용하도록 변경

7079e2c

refactor: 함수명 변경

af60091

etama123 approved these changes Dec 23, 2025

View reviewed changes

parkjiminnnn added 2 commits December 24, 2025 00:26

refactor: 일정 화면 이벤트 프리로딩하도록 변경

e0ffb6f

fix: NewsScreen 내 Pager 구성 요소 레이아웃 수정

45f2a76

parkjiminnnn requested a review from oungsi2000 December 23, 2025 15:42

oungsi2000 approved these changes Dec 24, 2025

View reviewed changes

parkjiminnnn added 3 commits December 27, 2025 22:22

refactor: 일정 화면 컴포넌트 리팩토링 및 커스텀 Typography 적용

ff5e151

refactor: Lottie 애니메이션 로직 위치 수정

e5f1ba3

parkjiminnnn merged commit 5ea2cc3 into develop Dec 28, 2025
4 checks passed

parkjiminnnn deleted the feat/7 branch December 28, 2025 13:10

		style = MaterialTheme.typography.titleLarge,
		color = scheduleEventCardProps.titleColor,

[Feat] 일정화면 Compose 마이그레이션 #20

[Feat] 일정화면 Compose 마이그레이션 #20

Uh oh!

Conversation

parkjiminnnn commented Dec 21, 2025

#️⃣ 이슈 번호

🛠️ 작업 내용

🙇🏻 중점 리뷰 요청

📸 이미지 첨부 (Optional)

Uh oh!

coderabbitai bot commented Dec 21, 2025

Review skipped

Uh oh!

oungsi2000 left a comment

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

parkjiminnnn Dec 22, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

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!

parkjiminnnn Dec 22, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

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!

parkjiminnnn Dec 22, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

parkjiminnnn Dec 22, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

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!

parkjiminnnn Dec 23, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

parkjiminnnn Dec 22, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

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!

parkjiminnnn Dec 22, 2025 •

edited

Loading

parkjiminnnn Dec 22, 2025 •

edited

Loading

parkjiminnnn Dec 22, 2025 •

edited

Loading

parkjiminnnn Dec 22, 2025 •

edited

Loading

parkjiminnnn Dec 23, 2025 •

edited

Loading

parkjiminnnn Dec 22, 2025 •

edited

Loading

parkjiminnnn Dec 23, 2025 •

edited

Loading