반응형 Drawer2 [50살에 플러터 개발 도전기] Study Duck : Drawer 애니메이션으로 화이트노이즈 컨트롤의 UX 개선하기 문제 발견키워드: Flutter Drawer, UX 개선, 애니메이션 UI, 화이트노이즈 앱, 사용자 경험Study Duck은 화이트노이즈를 통해 사용자의 집중력을 높여주는 앱입니다.초기 버전에서는 화이트노이즈 컨트롤을 Drawer에 구현했지만, 햄버거 메뉴를 제거한 탓에 많은 사용자가 Drawer의 존재 자체를 인지하지 못했습니다.이는 UI/UX 측면에서 실패로 이어졌습니다.이를 해결하기 위해 Drawer에 애니메이션을 추가해 사용자가 직관적으로 Drawer를 발견할 수 있도록 개선한 과정을 이 블로그에서 공유합니다.문제 분석키워드: Drawer UX, 사용자 인터랙션, Flutter UI 디자인문제점: 햄버거 메뉴를 제거해 화면은 깔끔해졌지만, 사용자가 Drawer를 열 수 있다는 사실을 알지 못함... 2025. 4. 20. 플러터에서 Scaffold 위젯 이해하기 Flutter에서 Scaffold 위젯 이해하기Flutter는 다양한 위젯들로 구성되어 있으며, 그 중 Scaffold는 화면을 구성하는데 중요한 역할을 합니다. Scaffold 위젯은 머티리얼 디자인 레이아웃 구조를 제공하여 앱의 기본적인 화면을 쉽게 구성할 수 있도록 도와줍니다. 이번 블로그에서는 Scaffold 위젯의 기본 사용법과 주요 속성들에 대해 알아보겠습니다.1. Scaffold 위젯이란?Scaffold는 Flutter 앱의 기본 레이아웃 구조를 제공하는 위젯으로, 앱 바(AppBar), 드로어(Drawer), 바텀 네비게이션 바(BottomNavigationBar) 등을 포함할 수 있습니다. Scaffold를 사용하면 머티리얼 디자인 가이드라인을 따르는 앱을 쉽게 만들 수 있습니다.2. S.. 2024. 7. 16. 이전 1 다음 반응형
