Skip to content

홈 화면 2차 QA 반영#172

Merged
moondev03 merged 6 commits into
developfrom
170-홈-화면-2차-qa
Jul 20, 2026

Hidden character warning

The head ref may contain hidden characters: "170-\ud648-\ud654\uba74-2\ucc28-qa"
Merged

홈 화면 2차 QA 반영#172
moondev03 merged 6 commits into
developfrom
170-홈-화면-2차-qa

Conversation

@moondev03

Copy link
Copy Markdown
Member

📌 작업 내용

  • Empty Content 타이틀 행간 간격 수정
  • TopBar DS Component 수정 (재구현 필요)
  • 클릭 범위를 카드 전체로 수정
  • 카드 상하 마진 수정
  • 바텀 네비게이션 구현 검토
  • 아티클 사이 간격 수정
  • FAB 메뉴 내부 간격 수정
  • 아이템 터치 효과 너비 맞추도록 수정

🧩 관련 이슈


📸 스크린샷


📢 논의하고 싶은 내용

@moondev03
moondev03 requested a review from HamBeomJoon July 19, 2026 12:37
@moondev03 moondev03 self-assigned this Jul 19, 2026
@moondev03 moondev03 linked an issue Jul 19, 2026 that may be closed by this pull request
8 tasks
- `EmptyPresentationHero` 컴포저블 내 제목과 부제목 사이에 `V4` 높이의 `Spacer` 추가하여 레이아웃 개선
- `PracticeActionCard` 컴포저블에서 전체 카드 영역을 클릭할 수 있도록 `PrezelTouchArea` 적용 범위 수정
- 기존 하단 액션 텍스트(`Row`)에만 적용되어 있던 터치 인터랙션을 최상위 레이아웃으로 옮겨 사용성 개선
- `PresentationSheet`에서 큐레이션 카드 목록을 표시하는 `Column`의 수직 간격(`verticalArrangement`)을 `V16`에서 `V12`로 변경하여 레이아웃 수정
- `PrezelMenu`에 `IntrinsicSize.Max` 너비를 적용하여 내부 아이템 중 가장 넓은 너비에 맞춰지도록 개선
- `PrezelMenuItem`에 고정 높이(`height`) 속성을 추가하고 `fillMaxWidth`를 적용하여 가로 영역을 꽉 채우도록 수정
- `PrezelMenuItem`의 레이아웃을 고정 높이 기반의 중앙 정렬 방식으로 변경하고 기존 수직 패딩 제거
- `MenuItem`의 기본 shape를 `V8`에서 `V4`로 변경하여 디자인 가이드 반영
- `PrezelMenuItem` 프리뷰에 다양한 텍스트 길이를 가진 케이스를 추가하여 레이아웃 검증 추가
- Material3 `NavigationBar` 및 `NavigationBarItem` 대신 `Row`와 `Column`을 활용한 커스텀 네비게이션 바 구현
- 네비게이션 바에 `navigationBarsPadding()`을 추가하여 시스템 바와의 간섭 해결 및 하단 여백 최적화
- `PrezelNavigationBarItem` 내부 레이아웃을 직접 구성하여 아이콘 크기(`28.dp`) 및 상하 여백(`V12`, `V4`)을 디자인 가이드에 맞춰 조정
- 아이콘과 텍스트의 색상 전환 로직을 `selected` 상태 기반으로 직접 제어하도록 변경
- `clickable` 속성의 `indication = null` 설정을 통해 클릭 시 리플 효과 제거
- 불필요해진 `alwaysShowLabel` 파라미터와 `NoRippleInteractionSource` 유틸리티 제거
* refactor: `PrezelTopAppBar` 구조 개편 및 DSL 기반 API 도입

- `PrezelTopAppBar`의 매개변수를 `Composable` 블록 대신 `String?` 타입의 타이틀과 DSL 형태의 `content`로 변경
- `PrezelTopAppBarScope`를 정의하여 `LeadingIcon`, `TrailingIcon`, `TrailingButton` 등의 선언적 컴포넌트 제공
- Material3 `TopAppBar` 대신 `Row`를 사용하는 커스텀 레이아웃으로 변경하고 고정 높이(56.dp) 적용
- `animateColorAsState`를 사용하여 스크롤 상태에 따른 배경색 전환 애니메이션 구현
- 아이콘 크기(24.dp) 및 터치 영역(48.dp)을 디자인 시스템 가이드에 맞춰 표준화

* refactor: 기능 모듈별 상단 바 코드 마이그레이션 및 간소화

- Badge, History, Report, Setting, My, Practice, Feedback, Profile 등 모든 기능 모듈의 상단 바를 신규 API로 전환
- 각 화면에서 개별적으로 구현하던 `IconButton` 및 `Text` 로직을 `LeadingIcon`, `TrailingIcon` 호출로 대체
- `AnalysisStepLayout`에서 조건부로 표시되던 Leading/Trailing 요소를 신규 DSL 구조 내로 통합
- `ReportScreenLayout`의 타이틀 가시성 제어 로직을 신규 API와 연동되도록 수정
- 불필요해진 `androidx.compose.material3` 관련 임포트 정리 및 중복 스타일 정의 제거
@moondev03
moondev03 force-pushed the 170-홈-화면-2차-qa branch from aad0f04 to 1522615 Compare July 19, 2026 12:50
@moondev03
moondev03 merged commit 3383645 into develop Jul 20, 2026
1 check passed
@moondev03
moondev03 deleted the 170-홈-화면-2차-qa branch July 20, 2026 08:32
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

홈 화면 2차 QA

2 participants