본문 바로가기

Flutter8

Flutter SliverList 완전 정복: 리스트를 유연하게 다루는 방법 Flutter에서 리스트를 만들 때 대부분은 ListView를 사용합니다. 하지만 스크롤 영역을 더 유연하게 구성하고 싶다면 SliverList를 고려해볼 필요가 있습니다. 이번 글에서는 SliverList가 무엇인지, 어떻게 사용하는지, 실제 예제를 통해 자세히 알아보겠습니다.📌 Sliver란?Sliver는 CustomScrollView 안에서 작동하는 슬라이딩 가능한 영역입니다. 쉽게 말해, 스크롤 가능한 UI를 조각조각 나눠서 구성할 수 있도록 해주는 Flutter의 기능입니다.SliverList, SliverGrid, SliverAppBar 등이 대표적인 예이며, 각각 리스트, 그리드, 앱바 등을 스크롤에 맞춰 유동적으로 보여줄 수 있게 해줍니다.💡 SliverList를 왜 사용할까?Slive.. 2025. 6. 2.
Flutter에서 의존성 주입(Dependency Injection) 완벽 가이드 Flutter 앱을 개발할 때 의존성 주입(Dependency Injection, DI)은 유지보수성과 확장성을 높이는 중요한 패턴입니다. DI를 활용하면 객체 간의 결합도를 낮추고, 테스트가 용이하며, 코드의 재사용성을 높일 수 있습니다. 이 글에서는 Flutter에서 의존성 주입을 구현하는 방법과 대표적인 패키지인 get_it과 riverpod을 활용하는 방법을 설명하겠습니다.1. 의존성 주입이란?의존성 주입(DI)이란 객체가 직접 다른 객체를 생성하는 것이 아니라, 외부에서 해당 객체를 제공받는 방식입니다. 예를 들어, 다음과 같은 방식으로 의존성을 직접 생성하면 결합도가 높아지고, 변경이 어려워집니다.class UserRepository { final ApiService apiService; .. 2025. 3. 14.
Flutter에서 앱 스위처(App Switcher) 미리보기 화면 제어하기 Flutter에서 앱 스위처(App Switcher) 미리보기 화면 제어하기모바일 앱에서 사용자가 홈 버튼을 누르거나 앱 스위처(App Switcher) 화면으로 이동할 때 보안이 중요한 앱(예: 금융 앱, 비밀번호 관리 앱)에서는 현재 화면이 그대로 노출되지 않도록 보호할 필요가 있습니다.Flutter에서는 iOS 및 Android 모두에서 앱 스위처 미리보기 화면을 변경하는 방법을 제공하며, 이 글에서는 각각의 구현 방법을 설명합니다.1. iOS에서 앱 스위처 미리보기 화면 보호하기iOS에서는 앱이 백그라운드로 전환될 때 UIApplication.didEnterBackgroundNotification 이벤트를 감지하여 보안 화면을 표시할 수 있습니다.📌 iOS 설정 (AppDelegate.swift.. 2025. 2. 19.
Flutter에서 앱 아이콘 변경하기 Flutter에서 앱 아이콘 변경하기Flutter 앱을 배포할 때 기본 아이콘을 사용하지 않고, 프로젝트에 맞는 커스텀 앱 아이콘을 설정하는 것이 중요합니다. Flutter에서는 flutter_launcher_icons 패키지를 활용하여 간편하게 아이콘을 변경할 수 있습니다. 이번 글에서는 Flutter에서 앱 아이콘을 설정하는 방법과 플랫폼별 주의사항을 자세히 알아보겠습니다.1. flutter_launcher_icons 패키지 설치Flutter에서 앱 아이콘을 쉽게 설정하려면 flutter_launcher_icons 패키지를 사용합니다.설치 명령어flutter pub add flutter_launcher_icons또는 pubspec.yaml에 직접 추가합니다.dev_dependencies: flutt.. 2025. 2. 19.
Flutter의 레이아웃 성능 최적화 Flutter의 레이아웃 성능 최적화Flutter에서 레이아웃 성능을 최적화하는 것은 앱의 반응성을 향상시키고 사용자가 느끼는 체감 성능을 크게 개선할 수 있습니다. 이번 글에서는 레이아웃 성능 최적화를 위해 사용할 수 있는 주요 기법과 베스트 프랙티스를 살펴보겠습니다.1. 위젯 트리 간소화Flutter는 위젯 트리를 기반으로 렌더링을 수행합니다. 따라서 위젯 트리가 복잡할수록 빌드 및 렌더링 시간이 증가합니다.불필요한 중첩 제거중첩된 위젯이 많으면 성능에 영향을 줄 수 있으므로 가능하면 중첩을 줄이는 것이 좋습니다.비효율적인 코드:Container( child: Padding( padding: const EdgeInsets.all(8.0), child: Column( childre.. 2025. 1. 19.
Flutter 네트워킹과 데이터 처리 완벽 가이드: Dio, HTTP, JSON, Firebase 활용법 Flutter 네트워킹과 데이터 처리 완벽 가이드: Dio, HTTP, JSON, Firebase 활용법Flutter에서 네트워크 통신과 데이터 처리는 필수적인 요소입니다. 이번 글에서는 Flutter에서 네트워킹을 처리하는 방법과 JSON 데이터 다루기, Firebase 활용법까지 자세히 다뤄보겠습니다. 🚀1️⃣ Flutter 네트워크 통신의 기본 개념Flutter에서 네트워크 요청을 처리하려면 http 또는 Dio 같은 패키지를 사용해야 합니다. 네트워크 요청을 보낼 때는 비동기 프로그래밍을 활용하여 데이터를 받아와야 합니다.📌 주요 개념✅ HTTP 요청: GET, POST, PUT, DELETE 등의 방식으로 서버와 데이터 교환✅ 비동기 처리: async와 await을 사용하여 네트워크 요청 대.. 2025. 1. 19.

티스토리툴바