App 관련된 설정을 시스템 설정에 추가하는 방법을 알아보자. Android Android의 경우는 별다른 설정을 하지 않아도, App에서 권한 설정을 하면 자동으로 반영이 된다. iOS 하지만 iOS는 그냥 해주지 않는다. 시스템 설정에 가보면.. 없다. 슬퍼하고 있을 순 없다. 냉큼 설정해본다. Xcode에서 PROJECT_PATH/ios 폴더를 연다. Runner > Runner에서 우클릭을 해서 새 파일을 생성한다. Setting Bundle 파일을 생성한다. 파일 정보는 기본 설정대로 생성한다. 생성된 Setting > Root.plist 파일을 클릭한 뒤, 기본으로 생성되어 있는 Preference Items를 삭제해서 리스트를 비운다. 각 Item에서 우클릭해서 Cut으로 삭제했다. 다 지웠..

Flutter를 업데이트를 했더니, 잘되던 Build Runner에 오류가 발생했다. Build Error Error: The class 'FileSystemEvent' can't be extended, implemented, or mixed in outside of its library because it's a sealed class. 휘리릭 검색해보니 Dart 3.1부터 Sealed Class를 적용하면서 발생하는 문제라고 한다. ※ Sealed Class에 대해 자세히 알고 싶으면 Sealed Classes in Dart: Unlocking Powerful Features의 내용을 참고할 것. Error 해결 그래서 어떻게 해결했는가? Dart가 업데이트 됐으면 다른 라이브러리도 업데이트가 필요하..

Flutter의 Local NoSQL Database 중 Hive를 사용해보려고 한다. 쉽고, 간단하고, 빠르게~Hive란?Hive는 순수 Dart로 만들어진 Key-Value 형식의 빠른 데이터 베이스이다.💡 쿼리, 멀티-아이솔레이트 지원 또는 객체 간 연결이 필요한 경우 Isar Database를 확인할 것.Features🚀 Cross platform: mobile, desktop, browser⚡ Great performance (see benchmark)❤️ Simple, powerful, & intuitive API🔒 Strong encryption built in🎈 NO native dependencies🔋 Batteries includedWork Progress📎 Hive Doc작..

Web이든, App이든 상태 관리는 필수! 그렇다면 어떤 걸 사용해야 좋을까? 간단하게 조사를 해보자. Flutter의 기본으로 setState() 함수가 있지만, 페이지를 왔다갔다 하면서 사용하기에는 역부족이다. Single Page Application을 만든다면 괜찮겠지만. 일단 Flutter의 State 관리를 해주는 라이브러리를 알아보자. Flutter State Management Libraries 📎 List of state management approaches Provider Riverpod setState InheritedWidget & InheritedModel Redux Fish-Redux BLoC / Rx GetIt MobX Flutter Commands Binder GetX s..

사용하던 맥북이 너무 힘들어하는 것 같아 결국 Macbook Pro M2 14인치를 구입했어요. 그래서 Flutter 개발환경을 새로 설정해야 하는데, 예전에 설치를 하다 보면 어디에선가 문제가 생기고 설정이 꼬이고는 했었거든요. 그래서 이번에는 문제없이 설치하는 방법을 깔끔하게 정리해 보기로 마음먹었어요.이번에도 역시 설정하다가 중간에 꼬여서 완전 공장 초기화 상태로 포맷하고 다시 시작해서 처음부터 다시 시작했네요.. 😮‍💨 그래도 다시 할 때는 끝까지 잘 설치했으니 제가 설치한 순서대로 차근차근 따라 하시면 문제없이 설치할 수 있을 거예요. 설치 방법 자세히 보기자세한 설치 방법을 알고 싶다면 해당 포스트에서 확인하실 수 있습니다.Xcode 설치 및 iOS Simulator 확인Homebrew 설..

Firebase의 Storage를 사용하기 위해서는 Cloud Firestore package를 추가하고 프로젝트를 실행하면 Xcode Build에서 컴퓨터가 멈췄나 싶을 정도로 진행이 되지 않는 상황이 발생하기도 한다. 이 난관을 넘어 보자~ $ flutter run Xcode Build # 여기서 넘어가지 않는다. 💡 The issue is being caused by the 500k+ lines of mostly C++, which gets compiled as part of the Xcode build process and takes a long time. The precompiled Firestore iOS SDK solves this problem. It includes xcframework ..

별 생각없이 Emulator를 사용하다가 문득! 한글 입력을 못하고 있다는 것을 깨달았다. 영어가 편할리가 없는데 왜 몰랐던 건지...? Emulator Device Option 살펴보기 인터넷을 검색해보니 언어 설정에서 추가하면된다고 하는데, 내가 사용하는 Emulator에서는 한국어를 추가해도 한글 키보드가 나타나지 않았다. 그래서 알아보니 다른 Emulator에서는 아주 쉽게 한글 키보드 설정이 가능하더라. 나는 원래 Pixel 4 XL에 Rollipop 버전의 Emulator를 사용하고 있었다. 지인에게 물으니 Pixel 2에 Pie를 사용 중인데, 한글 키보드 설정에 문제가 없다고 했다. 그래서 처음에는 시스템 버전의 문제라 생각했다. 그런데 몇 가지 테스트를 해보니 내 생각과 다른 결과가 나왔..

Firebase 설정하기 데이터 베이스 사용 설정 Firebase Console > 빌드 > Firestore Database > 데이터 베이스 만들기 테스트 모드에서 시작하기를 선택한다. 💡 이때, 30일 이내에 보안규칙을 업데이트하라고 하는데, 이 부분은 나중에 따로 설정해주기로 한다. 위치를 선택하라고 나온다. 기본값으로 두라고도 하는데 나는 서울이 asia-northeast3를 선택했다. 데이터 베이스 생성 이제 데이터 베이스를 만들 준비가 됐다. 컬렉션 시작을 눌러 추가한다. ※ 컬렉션 : 데이터를 담고 있는 문서의 집합이다. Cloud Firestore는 컬렉션-문서의 구조를 갖는다. 이제 기본 컬렉션 - 문서가 만들어졌고, 문서 안에 다시 실제 채팅 데이터를 담을 컬렉션을 만들어주자. 이제 ..

Authentication State 구독하기 🔗 Check current auth state Authentication State를 구독하기 위한 메소드는 3가지가 있다. authStateChanges() idTokenChanges() userChanges() 각 메소드로 구독 가능한 이벤트를 알아보면 다음과 같다. userChanges ❘ idTokenChanges ❘ authStateChanges 가입 Right after the listener has been registered. 로그인 When a user is signed in. 로그아웃 When the current user is signed out. userChanges ❘ idTokenChanges ❘ - 토큰 변경 When there ..

시작 전 참고 🔗 Flutter 프로젝트에 Firebase 연동하기 🔗 Flutter - Form Validation Firebase Authentication 설정 Firebase Console에 접속 후 프로젝트 페이지로 이동한다. Authentication 시작 Console > Project > Authentication > 시작하기 이메일 사용 설정 Authentication > Sign-in method > 이메일/전화번호 이메일/비밀번호 사용 설정을 활성화시킨 뒤 저장을 누른다. Firebase로 회원 가입하기 일단 이메일로 가입하는 기능을 구현해보자. Flutter에서 기능 구현하기 Firebase Authentication 인스턴스 생성 Firebase Authenticaton을 사용하기..

Android 보다 iOS 문제가 쉽게 잡히지 않는다. ㅂㄷㅂㄷ Launching lib/main.dart on iPhone 13 Pro Max in debug mode... lib/main.dart:1 CocoaPods' output: ↳ Preparing Analyzing dependencies Inspecting targets to integrate Using `ARCHS` setting to build architectures of target `Pods-Runner`: (``) Fetching external sources -> Fetching podspec for `Flutter` from `Flutter` -> Fetching podspec for `cloud_firestore` from `..

Flutter multidex handling is disabled. If you wish to let the tool configure multidex, use the --multidex flag. Firebase 라이브러리 설치 후 Android Emulator에 프로젝트를 실행하면 발생하는 Multidex Exception을 해결해보자. ERROR:D8: Cannot fit requested classes in a single dex file (# methods: 92002 > 65536) com.android.builder.dexing.DexArchiveMergerException: Error while merging dex archives: The number of method reference..

Firabase를 사용하기 위한 설치를 끝내고 Android Emulator에 프로젝트를 실행하니 오류가 뜬다. Launching lib/main.dart on Android SDK built for x86 in debug mode... lib/main.dart:1 /Users/MiKy/work/study/flutter/mychat/android/app/src/debug/AndroidManifest.xml Error: uses-sdk:minSdkVersion 16 cannot be smaller than version 19 declared in library [:cloud_firestore] /Users/MiKy/work/study/flutter/mychat/build/cloud_firestore/int..

일단 Firebase 사이트에 접속해서 로그인을 한다. 프로젝트 만들기 콘솔로 이동 > 프로젝트 만들기 버튼을 눌러서 프로젝트를 만든다. 원하는 프로젝트 이름을 지정한 후 기본 설정대로 진행한다. 프로젝트 시작 Apple, Android, Web, Unity, Flutter 앱에 Firebase를 추가하여 시작하기에서 원하는 앱을 선택한다. 물론 나는 Flutter를 선택해서 진행했다. Firebase CLI 설치 Firebase CLI 설치 및 로그인(firebase login 실행) Firebase CLI(GitHub)는 Firebase 프로젝트를 관리, 조회, 배포할 수 있는 다양한 도구를 제공합니다. 나는 자동 설치 스크립트로 설치를 했다. 터미널에서 다음 cURL 명령어를 실행한다. 이 스크립트..

사용 위젯 Form TextFormField TextField 위젯을 사용하면 TextEditingController 를 사용해야하는데, 여러 개의 필드 사용 시 관리가 어려워진다. 그래서 TextFormField 를 사용한다. 그럼 바로 시작해보자. 1. Form 생성 Form 위젯을 생성하고 key 값을 지정한다. key : GlobalKey() 지정 child : TextFormField 위젯 추가 예정 class FormScreen extends StatefulWidget { const FormScreen({Key? key}) : super(key: key); @override State createState() => _FormScreenState(); } class _FormScreenState..

Dart enum : enhanced_enumerations Before : extension 사용 필수 enum Water { frozen, boiling } extension Members on Water { int waterToTemp(Water water) { switch (water) { case Water.frozen: return 32; break; default: return 212; break; } } String convertToString() => 'The $name water is ${waterToTemp(this)}F.'; } void main() { print(Water.frozen.convertToString()); } => The frozen water is 32F. Afte..