📱 작은 화면 레이아웃 개선 (#235)

[gaeng2y]

📝 Summary

메인 기록 화면과 온보딩 화면이 작은 화면 및 Accessibility Dynamic Type에서도 CTA와 본문에 접근 가능하도록 레이아웃을 조정했습니다.

🎯 Type of Change

• ✨ New feature (새로운 기능 추가)
• 🐛 Bug fix (버그 수정)
• 🔧 Configuration (설정 변경)
• ♻️ Refactoring (코드 리팩토링)
• 📝 Documentation (문서 수정)
• 🎨 UI/UX (디자인 변경)
• ⚡ Performance (성능 개선)
• 🛡️ Security (보안 강화)
• 🧪 Test (테스트 추가/수정)
• 🔨 Build (빌드 시스템 수정)

🔗 Related Issues

• Closes 메인/온보딩 작은 화면 및 Dynamic Type 레이아웃 개선 #235

📋 Changes Made

Added

• 메인 기록 화면 전체 콘텐츠에 크기 기반 ScrollView를 적용했습니다.
• 온보딩 각 페이지 본문에 ScrollView를 적용해 footer CTA 접근성을 유지했습니다.
• 작은 화면과 Accessibility Dynamic Type 대응 정책을 제품 스펙 문서에 추가했습니다.

Changed

• 메인 기록 화면의 물방울 영역 높이를 화면 크기와 Dynamic Type에 따라 조정하도록 변경했습니다.
• 큰 글자 크기에서는 수분 요약, 프리셋 버튼, 최근 기록 되돌리기 액션이 세로 배치되도록 변경했습니다.
• 온보딩 패널 높이와 타이틀 크기를 compact layout 기준으로 조정했습니다.

Fixed

• 작은 화면 또는 Accessibility Dynamic Type에서 메인 기록 CTA, 프리셋, 온보딩 이전/다음 CTA가 화면 밖으로 밀릴 수 있는 레이아웃 위험을 줄였습니다.

Removed

• 고정 VStack 기반으로 화면 높이에 맞추던 메인/온보딩 레이아웃 의존을 제거했습니다.

🔍 Technical Details

• DrinkWaterView는 외부 GeometryReader로 가용 높이를 읽고, 콘텐츠를 ScrollView 안에 배치합니다.
• waterDropAreaHeight(for:)로 기본/compact/accessibility 높이 범위를 분리했습니다.
• OnboardingView는 TabView 페이지마다 스크롤 가능한 본문을 두고 footer는 하단에 유지합니다.
• Reduce Motion과 기존 물방울 애니메이션 실행 조건은 유지했습니다.

📸 Screenshots / Videos

Before

첨부 없음

After

첨부 없음

✅ Testing

Test Plan

• 앱 빌드 성공
• Debug 모드 정상 작동
• Release 모드 정상 작동
• 기존 기능 영향 없음
• Widget Extension 정상 작동 (해당시)

Test Environment

• iOS Version: iOS Simulator 26.5
• Device: iPhone 17 Pro Simulator (125B9A31-6A4A-466D-A8AB-410730B22446)
• Xcode Version: Xcode 26.5 (17F42)

Test Results

• git diff --check 통과
• make lint 통과
• make arch-check 통과
• xcodebuild test -workspace Mulimi.xcworkspace -scheme PresentationLayer -destination platform=iOS Simulator,id=125B9A31-6A4A-466D-A8AB-410730B22446 -sdk iphonesimulator -derivedDataPath /tmp/MulimiIssue235PresentationTests 통과 (88 tests)
• xcodebuild build -workspace Mulimi.xcworkspace -scheme Mulimi -destination generic/platform=iOS CODE_SIGNING_ALLOWED=NO CODE_SIGNING_REQUIRED=NO -derivedDataPath /tmp/MulimiIssue235AppBuild 통과

🚨 Breaking Changes

• Yes (아래에 설명)
• No

📌 Additional Notes

• iPhone 16e iOS 26.3 런타임에서 추가 화면 확인을 시도했지만 Firebase/GoogleUtilities 런타임 예외로 앱이 즉시 종료되어 스크린샷은 첨부하지 못했습니다. 해당 예외는 이번 레이아웃 변경 컴파일 경로와 무관합니다.
• 앱 빌드 중 AppIntents SSU artifact archive 로그가 출력됐지만 최종 결과는 BUILD SUCCEEDED였습니다.

👀 Review Checklist

• 코드가 프로젝트의 코딩 컨벤션을 따르고 있나요?
• 새로운 의존성이 필요한가요? 아니요
• 문서 업데이트가 필요한가요? 반영 완료
• 데이터베이스 마이그레이션이 필요한가요? 아니요
• 환경 설정 변경이 필요한가요? 아니요

---