Feature/#225 : 홈화면 UI 변경건 작업 #226

TaeseongYun · 2025-10-21T13:16:40Z

💡 Issue

Resolved: [Feature] 홈 UI 변경 #225

🌱 Key changes

홈 UI 가 전반적으로 변경되었습니다.

HomeViewModel 을 중점으로 리뷰해주시면 감사하겠습니다.

✅ To Reviewers

Yapp 기본 규칙, N기 커리큘럼은 어디로 내비게이션 처리를 해야할지 몰라서 일단은 비어둔채로 진행했습니다.

📸 스크린샷

Screen_recording_20251021_201651.mp4

coderabbitai · 2025-10-21T13:16:51Z

Important

Review skipped

Auto reviews are disabled on this repository.

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 feature/#225-home-ui

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.}

TaeseongYun · 2025-10-21T13:20:29Z

@coderrabbit review

jinukeu

고생하셨습니다!!

A: resource 중에서 svg로 추출되는게 없었나용?

jinukeu · 2025-10-21T13:26:31Z

.../designsystem/src/main/java/com/yapp/core/designsystem/component/header/YappDefaultHeader.kt

+    rightIcon: @Composable () -> Unit = {
+        Row(
+            modifier = Modifier
+                .fillMaxWidth(),
+            horizontalArrangement = Arrangement.End
+        ) {
+            Icon(
+                modifier = Modifier.yappClickable(onClick = onClickRightIcon),
+                painter = painterResource(R.drawable.icon_setting),
+                contentDescription = "setting",
+            )
+        }
+    }


훨씬 좋네요

jinukeu · 2025-10-21T13:29:57Z

feature/home/src/main/java/com/yapp/feature/home/HomeViewModel.kt

+            val sessionListWithNotice = homeSessions.upcomingSessionId
+                ?.takeIf { it.isNotBlank() }
+                ?.let { sessionId ->
+                    runCatchingIgnoreCancelled {
+                        scheduleRepository.getSessionDetail(sessionId)
+                    }.onFailure { e ->
+                        when (e) {
+                            is InvalidTokenException -> postSideEffect(HomeSideEffect.NavigateToLogin)
+                            else -> {
+                                postSideEffect(HomeSideEffect.HandleException(e))
+                                e.record()
+                            }
+                        }
+                    }.getOrNull()?.let { detail ->
+                        homeSessions.copy(upcomingNotice = detail.notices)
+                    }
+                } ?: homeSessions


A: 개인적으로는 중괄호랑 들여쓰기가 많아서 가독성이 조금 떨어지는 느낌이네용
시간 나면 한번 개선해주세용

요건 내비게이션 처리하면서 클래스로 묶거나 함수처리로 변경할게여 ~

jinukeu · 2025-10-21T13:32:25Z

Yapp 기본 규칙, N기 커리큘럼 네비게이션은 찬기님께 여쭤보시고 후속 작업 부탁드릴게요!

TaeseongYun · 2025-10-22T04:56:58Z

고생하셨습니다!!

A: resource 중에서 svg로 추출되는게 없었나용?

몇가지는 음영이 있었던걸로 기억해 svg 로 추출하면 의도와 다르게 노출될거라 생각해서 최대한 이미지로 뽑아냈었어여

DongChyeon

수고하셨습니다!
R로 표시한 부분은 피그마 디자인과 다르거나 로직상 문제로 보이는 부분이고
그 이외는 제 개인적인 의견이여서 반영해주셔도 안 반영해주셔도 괜찮습니다!

실수로 Approve로 체크했으나 변경 요청 상태로 봐주시면 감사하겠습니다

DongChyeon · 2025-10-22T10:20:04Z

feature/home/src/main/java/com/yapp/feature/home/HomeScreen.kt

+                    OtherSection(
+                        modifier = Modifier.padding(horizontal = 16.dp),
+                        clickAttendance = { onIntent(HomeIntent.ClickShowAllAttendanceHistory) },
+                        clickTotalSession = { onIntent(HomeIntent.ClickShowAllSession) },
+                    )
+                    Spacer(Modifier.height(16.dp))
+                    FAQSection(
+                        modifier = Modifier.padding(horizontal = 16.dp),
+                        clickCurriculum = {},
+                        clickBasicRule = {}
+                    )


R: OtherSection, FAQSection 모두 피그마 디자인에 맞게
horizontal padding 20.dp 로 줘야 할 것 같아요

d997c60

내부 컴포넌트랑 마진이 헷갈렸네요
홈 헤더 컴포저블도 외부에서 패딩값을 주는형태로 변경했습니다

DongChyeon · 2025-10-22T10:21:35Z

feature/home/src/main/java/com/yapp/feature/home/component/FAQSection.kt

+            verticalAlignment = Alignment.CenterVertically,
+        ) {
+            Image(painter = painterResource(coreDesignR.drawable.yappo_wink), contentDescription = null)
+            Text(text = "YAPP 기본 규칙")


R:

Suggested change

Text(text = "YAPP 기본 규칙")

Text(

text = "YAPP 기본 규칙",

style = YappTheme.typography.body1NormalRegular,

color = YappTheme.colorScheme.labelNormal

)

R: YAPP 기본 규칙이랑 N기 커리큘럼 글꼴 스타일 적용해주세요

344aabb

처리완료 했어요

DongChyeon · 2025-10-22T10:35:57Z

feature/home/src/main/java/com/yapp/feature/home/component/HomeAttendanceContent.kt

        YappSolidPrimaryButtonLarge(
            modifier = Modifier.fillMaxWidth(),
            text = parsedDate?.let {


Suggested change

YappSolidPrimaryButtonLarge(

modifier = Modifier.fillMaxWidth(),

text = parsedDate?.let {

if (session != null) {

YappSolidPrimaryButtonLarge(

modifier = Modifier.fillMaxWidth(),

text = parsedDate?.let {

R: 다음 세션 정보가 없다면 M월 D일 세션 예정, 다가오는 세션이 없어요 를 표시 안하기 때문에 session(=upcomingSession) 이 null이 아닐때만 표시하게 수정해야 할 것 같아요

1e47f0f

이거는 UpcomingSessionCard 가 역할이 점점 커지는거 같아 아예 로직 분리 처리를 호이스팅 시켜서
캡쳐해주신 세션 카드 컴포넌트를 만들어서 구분 처리했어요

DongChyeon · 2025-10-22T10:41:47Z

feature/home/src/main/java/com/yapp/feature/home/component/HomeAttendanceContent.kt

+    val duration = remember(
+        configuration,
+        session
+    ) {
+        formatTimeRange(
+            context = context,
+            startTime = session.startTime,
+            endTime = session.endTime,
+        )
+    }


A: remember로 감싼 거 좋네요 👍

DongChyeon · 2025-10-22T10:42:10Z

feature/home/src/main/java/com/yapp/feature/home/component/HomeAttendanceContent.kt

+        }
    }
 }



A: Preview 추가해주시면 작업할 때 편할 것 같아요

@Preview @Composable private fun PreviewHomeAttendanceContent() { YappTheme { HomeAttendanceContent( upcomingSession = null, notices = emptyList(), onClickAttend = { }, onClickNotice = { _ -> } ) } }

DongChyeon · 2025-10-22T10:43:26Z

feature/home/src/main/java/com/yapp/feature/home/component/HomeAttendanceContent.kt

-                        stringResource(R.string.session_time_end, displayTime)
-                    else
-                        stringResource(R.string.session_time_open, displayTime),
+                    text = formatStartTime(context, session.startTime),


A: 사소하긴 한데 컴포지션때마다 formatStartTime 재호출을 막기 위해서 remember(session.startTime) 으로 감싸도 좋을 거 같아요!

DongChyeon · 2025-10-22T10:43:47Z

feature/home/src/main/java/com/yapp/feature/home/component/CurrentSessionSection.kt

+            onClickNotice = onClickNotice,
+        )
+    }
+}


A: Preview 추가해주시면 작업할 때 편할 거 같아요

@Preview @Composable private fun PreviewCurrentSessionSection() { YappTheme { CurrentSessionSection( upcomingSession = null, todaySession = null, notices = emptyList(), onClickAttend = { }, onClickDetail = { _ -> }, onClickNotice = { _ -> } ) } }

TaeseongYun added 9 commits October 21, 2025 22:10

chore/#225 : 홈 UI 관련 추가된 디자인 리소스 임포트

9dcf0bc

feature/#225 : 홈 관련 다음 세션 공지사항 처리 추가

14dc74b

feature/#225 : 세션 Chip 색상 추가

ae530f2

refactor/#225 : 사용하지 않는 홈 화면 공지사항 리스트 API 제거

fa01d28

feature/#225 : 홈 화면 UI 변경으로 인한 API 연결 및 Contract 수정

f35612d

feature/#225 : 홈화면 변경된 UI 적용

27b348e

feature/#225 : 홈화면 변경된 UI 로 인한 이후 내비게이션 처리 수정

a9ac886

refactor/#225 : 디자인 시스템 디폴트 헤더 관련 rightIcon 외부로 받을 수 있도록 slot 형태 수정

b32e26e

chore/#225 : 세션 리스폰스 Enum 값 매핑 잘못되어있던 현상 수정

8547298

TaeseongYun requested review from DongChyeon, ashwon12 and jinukeu October 21, 2025 13:16

TaeseongYun self-assigned this Oct 21, 2025

TaeseongYun added Feature 기능 추가, 개발 CodeRabbit CodeRabbit 코드 리뷰 요청 labels Oct 21, 2025

TaeseongYun added 2 commits October 21, 2025 22:18

feature/#225 : 최하단 FAQ 영역 horizontal 스페이싱 적용되어있지 않은 현상 추가

5ad938e

chore/#225 : agp 버전 증가

e6793ce

jinukeu approved these changes Oct 21, 2025

View reviewed changes

TaeseongYun requested a review from HyungMinKims October 22, 2025 07:04

DongChyeon approved these changes Oct 22, 2025

View reviewed changes

TaeseongYun added 5 commits October 25, 2025 14:55

feature/#225 : 누락된 타이포그래피 추가

344aabb

refactor/#225 : horizontal 마진 값 16으로 지정되어있던 값 20으로 변경

d997c60

feature/#225 : 홈 최상단 섹션 프리뷰 추가

d138b32

refactor/#255 : 리컴포지션으로 인한 재 로직 호출 방지를 위한 remember 함수 처리

48eaa5d

feature/#225 : 다음세션 및 당일세션 관련해서 조건에 따른 컴포저블 처리

1e47f0f

-            Text(text = "YAPP 기본 규칙")
+            Text(
+                text = "YAPP 기본 규칙",
+                style = YappTheme.typography.body1NormalRegular,
+                color = YappTheme.colorScheme.labelNormal
+            )

Feature/#225 : 홈화면 UI 변경건 작업 #226

Are you sure you want to change the base?

Feature/#225 : 홈화면 UI 변경건 작업 #226

Uh oh!

Conversation

TaeseongYun commented Oct 21, 2025

💡 Issue

🌱 Key changes

✅ To Reviewers

📸 스크린샷

Uh oh!

coderabbitai bot commented Oct 21, 2025

Review skipped

Uh oh!

TaeseongYun commented Oct 21, 2025

Uh oh!

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

jinukeu commented Oct 21, 2025

Uh oh!

TaeseongYun commented Oct 22, 2025

Uh oh!

DongChyeon left a comment • 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!

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!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

DongChyeon left a comment •

edited

Loading