데브허브 | DEVHUB | 플러터 뽀개기 - 3강 스크롤 만들기플러터 뽀개기 - 3강 스크롤 만들기
- 지난 시간 위젯 복습: 함수형 위젯, StatelessWidget, Scaffold, SafeArea의 개념을 다시 확인했습니다. 🔄
- 모바일 스크롤의 중요성: 작은 화면에 많은 정보를 효율적으로 보여주기 위한 핵심 요소임을 강조했습니다. 📱
- SingleChildScrollView 사용법 및 한계: 기본적인 스크롤 구현에 용이하지만, 아이템 수가 많아지면 성능 저하(프레임 드랍)가 발생합니다. 📜
- Flutter DevTools를 통한 성능 측정: 앱의 프레임 드랍 및 리소스 사용량을 시각적으로 확인하는 방법을 배웠습니다. 📊
- ListView의 효율성: 많은 아이템을 스크롤할 때 SingleChildScrollView보다 훨씬 효율적이며, 지연 로딩(lazy loading)으로 성능 문제를 해결합니다. 🚀
- 컨테이너 정렬 및 텍스트 스타일링: 컨테이너 내부 요소의 위치를 조정하는
alignment와 텍스트 스타일을 변경하는 방법을 익혔습니다. 🎨
- 가로 스크롤 구현:
ListView의 scrollDirection 속성을 Axis.horizontal로 설정하여 가로 스크롤을 만들 수 있습니다. ↔️
- 복합 스크롤 (세로 + 가로) 구현: 세로
ListView 안에 가로 ListView를 포함할 때, 가로 ListView에 SizedBox로 명확한 높이를 지정해야 합니다. 🧩
- 성능 최적화의 중요성: 플러터 개발에서 성능은 매우 중요하며, 상황에 맞는 스크롤 위젯 선택이 필수적임을 강조했습니다. 💡
- 미니 미션: 유튜브와 유사한 복합 스크롤 UI를 직접 구현해보는 과제가 주어졌습니다. 🎯