Flutter44 Flutter에서 Firestore를 이용한 stream snapshot 사용하기 Firebase firestore 에서 snapshot으로 가져와서 Flutter에서 stream 사용해보기 이번 글에서는 Firestore를 사용하여 Flutter 앱에서 실시간 업데이트를 구현하는 방법에 대해 알아보겠습니다. Firestore 설정 Firestore를 사용하기 위해서는 먼저 Firebase 프로젝트를 생성하고, 해당 프로젝트의 GoogleService-Info.plist 파일을 프로젝트에 추가해야 해요. 이후 Firestore를 설정해줘요. 데이터 추가 및 업데이트 Firestore에 데이터를 추가하고 업데이트하는 방법은 매우 간단해요. 먼저 Firestore에 데이터를 추가하고, 해당 데이터를 업데이트해요. 이후 Flutter에서 해당 데이터를 가져와서 화면에 보여주면 됩니다. 실시.. 2023. 10. 1. Riverpod State Management으로 Flutter 앱 성능 최적화하기 Flutter에서 상태 관리는 매우 중요합니다. 특히, 알람 앱에서는 사용자의 요구에 따라 상태가 빈번하게 변경됩니다. 이번 글에서는 Riverpod State Management를 활용하여 Flutter 알람 앱의 성능을 최적화하는 방법에 대해 알아보겠습니다. 1. Riverpod State Management Riverpod는 Flutter 앱에서 상태 관리를 위한 라이브러리 중 하나입니다. Riverpod는 Provider 패턴을 기반으로 하며, 상태 관리를 위해 StreamProvider와 FutureProvider를 제공합니다. StreamProvider는 데이터가 스트림으로 흐르는 경우 사용하며, FutureProvider는 데이터가 비동기적으로 처리되는 경우 사용합니다. Riverpod를 사.. 2023. 10. 1. Flutter로 Firebase Auth를 활용한 Google 로그인 구현하기 Flutter에서 Firebase를 사용하면 인증, 데이터베이스, 스토리지, 분석 등 다양한 기능을 쉽게 구현할 수 있어요. 이 중에서도 Firebase Auth를 사용하면 사용자 인증을 간편하게 구현할 수 있어요. 이번 글에서는 Firebase Auth를 사용하여 Google 로그인을 구현하는 방법에 대해 자세히 알아볼게요. Firebase 프로젝트 생성 및 설정 Firebase Console에서 새로운 프로젝트를 생성하고, 해당 프로젝트에서 Google 로그인 인증 방법을 사용하도록 설정해줘요. Flutter 프로젝트 설정 Flutter 프로젝트에서 pubspec.yaml에서 pub.dev에 있는 라이브러리 Firebase Auth와 Google Sign-In 패키지를 추가해줘요. Google 로그인.. 2023. 9. 30. Flutter로 Bottom Navigation Bar를 활용한 화면 전환 방법 Flutter에서는 Bottom Navigation Bar를 활용하여 화면 전환을 구현할 수 있어요. 이번 글에서는 Bottom Navigation Bar를 사용하여 화면을 전환하는 방법에 대해 알아볼게요. Bottom Navigation Bar 생성 먼저 Bottom Navigation Bar를 생성해야 해요. Scaffold 위젯 안에 BottomNavigationBar 위젯을 추가하고, items 속성을 통해 각 Bottom Navigation Bar 아이템을 생성해줘요. 각 아이템은 Icon과 title 속성을 가지고 있어요. Scaffold( body: _pages[_selectedIndex], bottomNavigationBar: BottomNavigationBar( items: [ Botto.. 2023. 9. 30. 이전 1 ··· 7 8 9 10 11 다음
