Skip to content

[feature/#46] Home 컴포넌트 구현 (도시, 인원)#47

Merged
hyeminililo merged 7 commits intodevfrom
feature/#46-home-component
Mar 9, 2026
Merged

[feature/#46] Home 컴포넌트 구현 (도시, 인원)#47
hyeminililo merged 7 commits intodevfrom
feature/#46-home-component

Conversation

@hyeminililo
Copy link
Collaborator

@hyeminililo hyeminililo commented Mar 6, 2026

✨ 작업 내용

  • 홈 화면에서 사용하는 HomeMemberCount, HomeLocation 컴포넌트 구현

📄 상세 내용

HomeMemberCount
여행 카드에서 인원 정보를 표시하기 위한 컴포넌트입니다. single 아이콘과 group 아이콘을 각각 나눠서 컴포넌트로 구현했습니다.
아이콘 + 인원수 텍스트 구조로 구성되어 있으며, current / max 형태의 인원 정보를 전달받아 표시하도록 구현했습니다.

HomeLocation
여행 카드에서 여행 위치 정보를 표시하기 위한 컴포넌트입니다.
위치 아이콘과 장소명을 함께 표시하는 형태로 구성했습니다.


👀 To Reviewer

따로 없습니다 ,,! ! 컴포넌트인 만큼 빠른 리뷰 부탁드려요호 !!


📷 스크린샷 / 영상

  • 사람 인원 수
image
  • 위치 장소
image

Summary by CodeRabbit

  • 새로운 기능
    • 홈 화면에 위치 정보를 표시하는 새로운 컴포넌트 추가로 사용자가 쉽게 지역을 확인할 수 있도록 개선
    • 개인 및 그룹 멤버 수를 직관적으로 표시하는 기능 추가
    • 다양한 테마와 스타일을 지원하여 더욱 향상된 시각적 경험 제공

@hyeminililo hyeminililo requested review from choi-day and dlwl224 March 6, 2026 17:11
@hyeminililo hyeminililo self-assigned this Mar 6, 2026
@hyeminililo hyeminililo added ui 🎨 Compose UI 구현, 레이아웃, 컴포넌트 작업 (LazyColumn, Modifier, Animation, Color/Typo 적용) 혜민 ☃️ 혜민씨 전용 라벨 labels Mar 6, 2026
@coderabbitai
Copy link

coderabbitai bot commented Mar 6, 2026

Walkthrough

홈 화면에 위치 정보와 멤버 수를 표시하는 새로운 UI 컴포넌트와 벡터 드로어블 리소스를 추가합니다. HomeLocationCount, HomeMemberCount, HomeGroupMemberCount 컴포넌트와 관련 아이콘(ic_home_location, ic_home_person, ic_home_people)으로 구성됩니다.

Changes

Cohort / File(s) Summary
UI Composable Components
app/src/main/java/com/gildongmu/dduru/presentation/feature/home/component/HomeLocation.kt, app/src/main/java/com/gildongmu/dduru/presentation/feature/home/component/HomeMemberCount.kt
새로운 Composable 컴포넌트 추가: HomeLocationCount는 위치 아이콘과 텍스트를 가로 배치로 표시하며, HomeMemberCount와 HomeGroupMemberCount는 인원 수를 "현재/최대명" 형식으로 표시합니다. 각 컴포넌트는 색상, 텍스트 스타일 등의 파라미터를 받아 UI를 커스터마이징합니다.
Vector Drawable Resources
app/src/main/res/drawable/ic_home_location.xml, app/src/main/res/drawable/ic_home_person.xml, app/src/main/res/drawable/ic_home_people.xml
홈 화면 컴포넌트에서 사용할 벡터 아이콘 리소스 추가: ic_home_location은 위치 아이콘(12×12dp), ic_home_person은 개인 아이콘(11×10dp), ic_home_people은 그룹 아이콘(12×12dp)입니다. 모두 스트로크 기반의 심플한 디자인입니다.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Possibly related issues

🚥 Pre-merge checks | ✅ 2 | ❌ 1

❌ Failed checks (1 warning)

Check name Status Explanation Resolution
Docstring Coverage ⚠️ Warning Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%. Write docstrings for the functions missing them to satisfy the coverage threshold.
✅ Passed checks (2 passed)
Check name Status Explanation
Title check ✅ Passed PR 제목이 변경사항의 핵심을 정확하게 반영하고 있습니다. 홈 컴포넌트 구현(도시, 인원)이라는 내용이 추가된 HomeLocationCount, HomeMemberCount, HomeGroupMemberCount 컴포넌트와 관련 리소스를 명확하게 설명합니다.
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.

✏️ Tip: You can configure your own custom pre-merge checks in the settings.

✨ Finishing Touches
  • 📝 Generate docstrings (stacked PR)
  • 📝 Generate docstrings (commit on current branch)
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Post copyable unit tests in a comment
  • Commit unit tests in branch feature/#46-home-component

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.

Copy link

@coderabbitai coderabbitai bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 1

🧹 Nitpick comments (2)
app/src/main/java/com/gildongmu/dduru/presentation/feature/home/component/HomeLocation.kt (1)

19-24: 컴포넌트 이름을 역할에 맞게 맞춰 주세요.

현재 구현은 위치 정보만 렌더링하고 count 개념은 없어서 HomeLocationCount라는 이름이 API 이해를 방해합니다. PR 설명과 프리뷰 이름에 맞춰 HomeLocation처럼 책임이 바로 드러나는 이름이 더 자연스럽습니다.

🤖 Prompt for AI Agents
Verify each finding against the current code and only fix it if needed.

In
`@app/src/main/java/com/gildongmu/dduru/presentation/feature/home/component/HomeLocation.kt`
around lines 19 - 24, Rename the composable function HomeLocationCount to
HomeLocation to match its actual responsibility and preview/PR naming: update
the function declaration (HomeLocationCount) and all call sites, previews, and
imports/usages to the new name HomeLocation so the API reflects that it only
renders location text without any count semantics.
app/src/main/java/com/gildongmu/dduru/presentation/feature/home/component/HomeMemberCount.kt (1)

44-65: 그룹 버전도 스타일을 주입받게 열어두면 재사용성이 더 좋아집니다.

HomeMemberCount는 색상/타이포를 파라미터로 받는데 HomeGroupMemberCountgray500Body2를 고정하고 있어서, 카드 타입이 늘어나면 같은 컴포넌트를 다시 분기하게 될 가능성이 큽니다. 두 컴포넌트의 API를 맞추거나 공통 레이아웃을 하나로 묶는 편이 더 유연합니다.

🤖 Prompt for AI Agents
Verify each finding against the current code and only fix it if needed.

In
`@app/src/main/java/com/gildongmu/dduru/presentation/feature/home/component/HomeMemberCount.kt`
around lines 44 - 65, HomeGroupMemberCount fixes: make its styling configurable
to match HomeMemberCount by adding parameters for text color and typography
(e.g., color: Color = DduruTheme.colors.gray500, textStyle: TextStyle =
DduruTheme.typography.Body2) and use those in the Text and Icon tint;
alternatively extract a shared composable used by both HomeMemberCount and
HomeGroupMemberCount to avoid duplicated fixed styles—update
HomeGroupMemberCount signature and usages to accept the new style params so
components remain reusable as card types grow.
🤖 Prompt for all review comments with AI agents
Verify each finding against the current code and only fix it if needed.

Inline comments:
In
`@app/src/main/java/com/gildongmu/dduru/presentation/feature/home/component/HomeMemberCount.kt`:
- Around line 36-39: The hard-coded member count string in the HomeMemberCount
composable (Text call using "$current/${max}명") should be moved to a string
resource with placeholders to support localization and easier maintenance;
replace the inline interpolation in the Text composable(s) (both at the shown
occurrence and the similar one around lines 60-63) with a call to
stringResource(R.string.member_count_format, current, max) and add a
corresponding formatted string resource (e.g. "<xliff:g
id="current">%1$d</xliff:g> / <xliff:g id="max">%2$d</xliff:g>명" or similar) in
strings.xml so translations only need to change the resource.

---

Nitpick comments:
In
`@app/src/main/java/com/gildongmu/dduru/presentation/feature/home/component/HomeLocation.kt`:
- Around line 19-24: Rename the composable function HomeLocationCount to
HomeLocation to match its actual responsibility and preview/PR naming: update
the function declaration (HomeLocationCount) and all call sites, previews, and
imports/usages to the new name HomeLocation so the API reflects that it only
renders location text without any count semantics.

In
`@app/src/main/java/com/gildongmu/dduru/presentation/feature/home/component/HomeMemberCount.kt`:
- Around line 44-65: HomeGroupMemberCount fixes: make its styling configurable
to match HomeMemberCount by adding parameters for text color and typography
(e.g., color: Color = DduruTheme.colors.gray500, textStyle: TextStyle =
DduruTheme.typography.Body2) and use those in the Text and Icon tint;
alternatively extract a shared composable used by both HomeMemberCount and
HomeGroupMemberCount to avoid duplicated fixed styles—update
HomeGroupMemberCount signature and usages to accept the new style params so
components remain reusable as card types grow.

ℹ️ Review info
⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

Run ID: 9113192a-0927-43d0-b0b7-de06571404e1

📥 Commits

Reviewing files that changed from the base of the PR and between 24f9f27 and 65872d6.

📒 Files selected for processing (5)
  • app/src/main/java/com/gildongmu/dduru/presentation/feature/home/component/HomeLocation.kt
  • app/src/main/java/com/gildongmu/dduru/presentation/feature/home/component/HomeMemberCount.kt
  • app/src/main/res/drawable/ic_home_location.xml
  • app/src/main/res/drawable/ic_home_people.xml
  • app/src/main/res/drawable/ic_home_person.xml

Comment on lines +36 to +39
Text(
text = "$current/${max}명",
color = textColor,
style = textStyle
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🟡 Minor

인원 표시 문자열은 리소스로 분리해 두는 편이 안전합니다.

"$current/${max}명"를 코드에 직접 박아두면 문구 변경이나 다국어 대응 시 두 군데를 같이 수정해야 합니다. 포맷 문자열은 리소스로 올려두는 쪽이 유지보수와 로컬라이징에 유리합니다.

Also applies to: 60-63

🤖 Prompt for AI Agents
Verify each finding against the current code and only fix it if needed.

In
`@app/src/main/java/com/gildongmu/dduru/presentation/feature/home/component/HomeMemberCount.kt`
around lines 36 - 39, The hard-coded member count string in the HomeMemberCount
composable (Text call using "$current/${max}명") should be moved to a string
resource with placeholders to support localization and easier maintenance;
replace the inline interpolation in the Text composable(s) (both at the shown
occurrence and the similar one around lines 60-63) with a call to
stringResource(R.string.member_count_format, current, max) and add a
corresponding formatted string resource (e.g. "<xliff:g
id="current">%1$d</xliff:g> / <xliff:g id="max">%2$d</xliff:g>명" or similar) in
strings.xml so translations only need to change the resource.

Copy link
Collaborator

@choi-day choi-day left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

수고하셨습니다~

Copy link
Collaborator

@dlwl224 dlwl224 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

수고하셨습니다

@hyeminililo hyeminililo merged commit 9f52984 into dev Mar 9, 2026
3 checks passed
@github-project-automation github-project-automation bot moved this from Todo to Done in Android Workspace Mar 9, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

ui 🎨 Compose UI 구현, 레이아웃, 컴포넌트 작업 (LazyColumn, Modifier, Animation, Color/Typo 적용) 혜민 ☃️ 혜민씨 전용 라벨

Projects

Status: Done

Development

Successfully merging this pull request may close these issues.

3 participants