별 생각없이 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 명령어를 실행한다. 이 스크립트..