소식화면 ViewPager, TabLayout 마이그레이션 #6

parkjiminnnn · 2025-11-28T00:55:30Z

#️⃣ 이슈 번호

#1

🛠️ 작업 내용

소식화면 ViewPager, TabLayout 마이그레이션
StateFlow 적용
NewsViewModelTest 수정
Spacing 정의
Color 정의
Shapes 정의

🙇🏻 중점 리뷰 요청

더이상 사용하지 않는 XML 코드 이제 지울까용??
시스템 상단 바 색은 MainActivity에서 적용하는게 좋을 것 같아서 그냥 둘게요.

📸 이미지 첨부 (Optional)

Screen_recording_20251128_095307.mp4

coderabbitai · 2025-11-28T00:56:02Z

Important

Review skipped

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

🗂️ Base branches to auto review (3)

android
backend
frontend

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.

Note

`.coderabbit.yaml` has unrecognized properties

CodeRabbit is using all valid settings from your configuration. Unrecognized properties (listed below) have been ignored and may indicate typos or deprecated fields that can be removed.

⚠️ Parsing warnings (1)

Validation error: Unrecognized key(s) in object: 'tools'

⚙️ Configuration instructions

Please see the configuration documentation for more information.
You can also validate your configuration using the online YAML validator.
If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: # yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json

✨ Finishing touches

🧪 Generate unit tests (beta)

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

Tip

📝 Customizable high-level summaries are now available in beta!

You can now customize how CodeRabbit generates the high-level summary in your pull requests — including its content, structure, tone, and formatting.

Provide your own instructions using the high_level_summary_instructions setting.
Format the summary however you like (bullet lists, tables, multi-section layouts, contributor stats, etc.).
Use high_level_summary_in_walkthrough to move the summary from the description to the walkthrough section.

Example instruction:

"Divide the high-level summary into five sections:

📝 Description — Summarize the main change in 50–60 words, explaining what was done.

📓 References — List relevant issues, discussions, documentation, or related PRs.

📦 Dependencies & Requirements — Mention any new/updated dependencies, environment variable changes, or configuration updates.

📊 Contributor Summary — Include a Markdown table showing contributions:
| Contributor | Lines Added | Lines Removed | Files Changed |

✔️ Additional Notes — Add any extra reviewer context.
Keep each section concise (under 200 words) and use bullet or numbered lists for clarity."

Note: This feature is currently in beta for Pro-tier users, and pricing will be announced later.

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

oungsi2000

고생하셨습니다 제이!
궁금한 점 몇 가지 부분만 코멘트 남겨드렸어요.
너무 잘해주셨는데 살짝 걸리는 점이 있어서 한 번만 RC 요청드립니다.

다음 리뷰는 바로 머지할게요 !

oungsi2000 · 2025-11-28T07:57:33Z

app/src/main/java/com/daedan/festabook/presentation/theme/FestabookShapes.kt

Shape와 Spacing을 object가 아닌 data class로 하신 이유가 있으실까요?

copy 메서드를 통해 특정 프로퍼티를 유연하게 커스텀할 수 있을 것 같아서 data class로 했습니당

oungsi2000 · 2025-11-28T08:14:17Z

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

+    val noticeUiState by newsViewModel.noticeUiState.collectAsStateWithLifecycle()
+    val lostUiState by newsViewModel.lostUiState.collectAsStateWithLifecycle()
+    val faqUiState by newsViewModel.faqUiState.collectAsStateWithLifecycle()


지금은 괜찮지만 추후 KMP로 마이그레이션 시, KMP (ViewModel, Repository 공유) 혹은 CMP (Compose View도 공유)를 선택하느냐에 따라서 expect 함수로 분리할지 같이 고민해도 좋을 것 같아요

안그래도 그 생각을 했어서 다이스한테 물어봤는데 어차피 KMP 도입하면 거의 다 엎고 다시해야한다고 해서 일단 마이그레이션부터 다하는게 좋을 것 같대요.. ㅎㅎ

oungsi2000 · 2025-11-28T08:23:11Z

app/src/main/java/com/daedan/festabook/presentation/theme/FestabookShapes.kt

Color도 CompositionLocal로 넘겨주는건 어떻게 생각하시나요?

Theme의 파라미터로 들어가 있어서 그냥 뒀는데 제가 놓친 부분이 있을까요?

앗, Spacing과 shapes는 별도의 CompositionLocal로 값을 불러오고 있는데,
Color는 MaterialTheme을 거치지 않고, 직접 값에 접근하고 있는 것 같아서 남긴 코멘트였어요 !

아하 이건 theme가 정해지면 한번에 바꾸려고요!

oungsi2000 · 2025-11-28T08:30:37Z

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

+        containerColor = MaterialTheme.colorScheme.background,
+        contentColor = FestabookColor.black,


FestabookColor가 아닌 MaterialTheme을 사용하신 이유가 궁금합니다 !

아하 이건 현재 저희 theme가 정의된건 아니지만 정의된다고 가정하면 background는 무조건 흰색으로 채택될 것 같다는 생각이 들어서 background만 미리 정의해서 적용했습니당.

++ 꼭 materialTheme이 아니더라도 shapes처럼 커스텀해서 사용하는 것도 좋아보이네용.

oungsi2000 · 2025-11-28T08:47:15Z

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

+        NewsTabPage(
+            pageState = pageState,
+            noticeUiState = noticeUiState,
+            faqUiState = faqUiState,
+            lostUiState = lostUiState,
+            isNoticeRefreshing = isNoticeRefreshing,
+            isLostItemRefreshing = isLostItemRefreshing,
+            onNoticeRefresh = {
+                val oldNotices =
+                    (noticeUiState as? NoticeUiState.Success)?.notices ?: emptyList()


Metro의 장점 중 하나는 Top Level Function Injection이 가능하다는 점이 있는데요. State 이외의 파라미터는 사실 State와 ViewModel이 결정되면 자동으로 만들어질 수 있을 것 같아요 !

한 번 도전해보는건 어떠신가요? 귀찮으시다면 패스해주셔도 좋습니다 !

원래 컴포저블도 자동주입을 해볼까 했는데 찾아보니까

Metro의 top-level function injection은 주로 main 함수나 standalone 앱을 위한 것이며, Inject.kt:117-127 일반적인 Composable UI에는 권장되지 않습니다.

증분 컴파일 비호환성
Top-level 함수 주입은 JVM에서 증분 컴파일과 호환되지 않습니다. injection-types.md:327-329 이는 빌드 성능에 심각한 영향을 줄 수 있습니다.

플랫폼 제한
Non-JVM 타겟을 지원하지 않습니다. injection-types.md:329-331 Kotlin Multiplatform 프로젝트에서 사용할 수 없습니다.

IDE 지원 부족
IDE 지원이 매우 제한적이며, 별도의 레지스트리 플래그 활성화가 필요합니다. injection-types.md:331-332 생성된 wrapper 클래스가 IDE에서 빨간색으로 표시될 수 있습니다.

기술적 배경
이 기능은 Kotlin 컴파일러 플러그인의 FIR 단계에서 top-level 선언을 생성하는 방식으로 작동합니다. injection-types.md:194-206 하지만 이 접근 방식은 현재 Kotlin 컴파일러의 한계로 인해 위와 같은 문제들이 발생합니다.

다음과 같이 나오더라구요.. 그래서 이대로 갈까하는데 어떠신가요?

오우 이런 문제들이 있었군요. Non-JVM 타겟 지원이 안되는건 꽤 흠이긴 하네요..
찾아보시느라 고생하셨습니다 !

oungsi2000

고생하셨습니다 ~~

parkjiminnnn added 23 commits November 25, 2025 17:29

feat: 소식화면 StateFlow 적용

989fed4

feat: FAQ화면 StateFlow 적용

1ff88a5

feat: 분실물 화면 StateFlow 적용

8a5b801

refactor: 함수명 변경

94124c6

refactor: 프로퍼티 위치 변경

06f9348

feat: Festabook Compose Shape 추가

d70bf78

refactor: newsClickListener제거

c2664cc

feat: 공통 헤더 구현

94c1993

feat: 소식 화면 viewPager, tabLayout Compose마이그레이션

faa8ed5

feat: Header 컴포저블 프리뷰 구현

86cc75b

refactor: 위임으로 변경

c452e41

feat: 알림 클릭시 화면 이동 기능 구현

0803163

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

5a82554

refactor: 사용하지 않는 코드 제거

e50328f

feat: 초기로딩 뷰 추가

42beb6e

refactor: loadAllFAQs 호출 시 초기 로딩 상태 명시적 전달

fce5b7f

refactor: 소식 화면 컴포저블 구조 분리 및 개선

74a5036

feat: 프리뷰 구현

62ab991

refactor: modifier 선택인자 추가

2c57ef5

fix: 분실물 화면 새로고침 상태 확인 로직 수정

839cf20

feat: 공통 spacing 적용

ba5df24

feat: 공통 Shape 적용

dde92db

refactor: NewsViewModelTest 수정

134a09e

parkjiminnnn requested review from etama123 and oungsi2000 November 28, 2025 00:55

parkjiminnnn self-assigned this Nov 28, 2025

parkjiminnnn added the Feat label Nov 28, 2025

oungsi2000 requested changes Nov 28, 2025

View reviewed changes

parkjiminnnn requested a review from oungsi2000 November 30, 2025 08:57

oungsi2000 approved these changes Nov 30, 2025

View reviewed changes

etama123 approved these changes Nov 30, 2025

View reviewed changes

parkjiminnnn merged commit 5faeee7 into develop Dec 1, 2025
14 of 17 checks passed

parkjiminnnn deleted the feat/1 branch December 1, 2025 10:23

		containerColor = MaterialTheme.colorScheme.background,
		contentColor = FestabookColor.black,

소식화면 ViewPager, TabLayout 마이그레이션 #6

소식화면 ViewPager, TabLayout 마이그레이션 #6

Uh oh!

Conversation

parkjiminnnn commented Nov 28, 2025

#️⃣ 이슈 번호

🛠️ 작업 내용

🙇🏻 중점 리뷰 요청

📸 이미지 첨부 (Optional)

Uh oh!

coderabbitai bot commented Nov 28, 2025

Review skipped

.coderabbit.yaml has unrecognized properties

Uh oh!

oungsi2000 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!

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 Nov 30, 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!

oungsi2000 left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

4 participants

`.coderabbit.yaml` has unrecognized properties

parkjiminnnn Nov 30, 2025 •

edited

Loading