두잇뚜의 블로그

Flutter 프로젝트를 개발 후 iOS 빌드를 하였으나, FlutterFire에서 위와 같은 에러를 발생시키고 있었습니다.iOS 환경에서 크래쉬가 발생했을 때 Firebase Crashlytics로 크래쉬 로그를 보내고 로그를 확인하기 위해선 디버깅을 위한 심볼 파일인 dSYM을 업로드 해 주어야 합니다.이는 Flutter여서가 아니고 네이티브 iOS를 개발하더라도 마찬가지입니다.아무튼 FlutterFire에서 이를 업로드하는 스크립트에 문제가 있다고 합니다. 에러로그를 쭉쭉 내려봅니다. 에러로그를 내리다보니 flutterfire_cli와 관련된 문제이고 해결책을 알려주고 있습니다.Flutter 환경의 Firebase 설정을 위해 CLI 의존성이 필요한데, 이것이 호환이 잘 안되는 모양입니다.// Fl..

요즈음 사이드 프로젝트를 하면서 Firebase를 백엔드로 활용하고 있습니다.Functions와 Node.js의 조합으로 백엔드를 구현하고 있고 그 외에 필요한 서비스들을 붙여가고 있습니다.서비스를 개발하면 회원가입, 로그인과 같은 인증을 구현하는것이 거의 필수적이다보니 Firebase에서 제공해주는 인증 서비스를 사용하여 구현하였습니다만, 속도가 매우매우 느려서 전체적인 API 퍼포먼스가 너무 안좋았습니다.그래서 Firebase의 인증을 버리고 직접 DB와 인증 토큰 처리를 구현했습니다.JWT란?JWT는 Json Web Token의 약어로, 인터넷 표준 인증 방식입니다.이름을 봤을때에는 인증에 필요한 정보들이 Json 처럼 생겨있을 것 같고, 암호화된 Token 형식일 것 같이 느껴지죠.JWT는 {He..

앱 개발을 할 때 Firebase는 뗄레야 뗄 수 없는 훌륭한 도구다. Firebase는 많은 도구가 있지만, Firestore는 그 중에서도 정말 유용하게 사용된다. 백엔드를 구축하기 어려운 상황에서 손쉽게 클라우스 데이터베이스를 사용할 수 있기 때문이다. 현재 진행중인 Flutter 프로젝트에서 Firestore 사용이 필요하기 때문에, 연동 과정을 정리한다. 먼저 터미널에서 아래 커맨드로 cloud_firestore 패키지를 추가한다. flutter pub add cloud_firestore 패키지 추가가 완료되었으므로, Firestore에 접근할 객체를 얻어야 한다. 놀랍게도 굉장히 간단하다. 아래 코드로 객체를 얻는다. db = FirebaseFirestore.instance; 이제 객체를 사용..

지난 포스팅에서 Firebase Hosting 배포를 위한 프로젝트와 CLI 설정을 마쳤다. 이를 기반으로 Flutter 프로젝트를 Firebase Hosting에 배포해보자. 1. Flutter 프로젝트 생성 본인이 사용하는 운영체제와 IDE를 사용해서 Flutter 프로젝트를 생성한다. 지금은 Firebase Hosting에 배포하는 것이 목적이므로 기본으로 생성되는 프로젝트로 충분하다. 적당히 프로젝트 이름과 설명을 작성한다. 플랫폼은 이 포스팅에선 Web만 선택해도 충분하다. 다른 플랫폼이 필요하면 추가하면 되기도 하고. 2. Flutter 프로젝트에 Firebase 설정 Flutter 프로젝트와 Firebase를 연동하기 위해선 간단한 설정이 필요하다. Firebase 프로젝트 콘솔로 이동하여 ..

Flutter가 Web을 지원하기 시작한지도 꽤 되었다. 최근 여러모로 Web이 있으면 유용할 것 같아서 이것저것 알아보고 있었는데, 모바일 개발자로써 React 같은 웹 프레임워크를 배우는 것은 좀 그랬다. 언어부터 시작해서 익숙치 않다보니..? 하지만 Flutter라면 얘기가 다르지. Flutter 3.0이 배포된 이후로 회사에서도 관심도가 높아졌고, Google의 Fuchsia도 수면위에 올라오기도 하고, Flutter의 장점들 때문에 찾는 기업도 많아지고 있다. 그래서 기술적 트렌드를 따라가기 위해 나도 관심이 꽤 가고 있는 상태. 이 상태라면 Flutter도 익숙해질 겸, Web 개발 해보자! 가 된 상태. 아무튼 그래서, Flutter로 개발한 Web을 Firebase Hosting에 올려보기..

모바일 앱을 사용하다 보면, 광고나 메시지 등의 알림이 상단에 배너처럼 띄워지거나 기기의 알림창에 아이콘이 떠있는 등을 쉽게 볼 수 있다. 카카오톡, 라인 등과 같은 메신저, 게임, 커머스 등에서도 아주 쉽게 확인할 수 있다. 이는 사용자에게 알림을 주기도 하지만 적절한 알림이나 광고를 통해 전체 혹은 특정 사용자의 행동을 유도하거나 앱으로의 유입을 위해 활용된다. 모바일에서 활용할 수 있는 핵심적인 기능 중 하나가 아닐까 싶다. 이를 FCM을 통해 구현해보도록 하자. 1. 문서를 꼭 참고하자! FCM은 구현도 구현이지만, 내부 스펙에 대하여 알아야 할 내용이 꽤 있다. 따라서 공식문서를 꼭 읽어보자! firebase.google.com/docs/cloud-messaging/?authuser=1#impl..

열심히 개발한 앱을 플레이스토어에 배포했다고 가정해보자. 나름 열심히 예외처리도 했을 것이다. 사용자가 어떤 행동을 할 지 모르고, 어떤 예외가 발생하여 앱이 죽을지 모른다. 그리고 앱이 죽었을 때 이유조차 알기 어려운 경우가 있다. 물론, 구글 플레이 콘솔에서 확인할 수 있기도 하다. 하지만 이런 크래쉬를 좀 더 세세하고 보기좋게 확인할 수 있는 서비스가 Firebase의 Crashlytics이다. 1. Crashlytics 활성화 Firebase 콘솔로 이동하여 "출시 및 모니터링"의 "Crashlytics"로 이동한다. 그리고 "Crashlytics 사용 설정" 을 누른다. 그럼 아마 이런 화면으로 바뀔것이다. 문구를 잘 읽어보면, 앱을 빌드하고 비정상 종료하라고 가이드하고 있다. 이제 Crashl..

안드로이드 앱을 개발하다보면 원격에서 어떤 값이나 데이터가 필요한 경우가 있다. 앱의 버전을 체크해서 업데이트 알림을 준다거나 혹은 어떤 공지나 이벤트 등을 발행하여 앱에서 다이얼로그를 띄우는 등 다양한 니즈가 있다. 하지만 별도의 서버를 구축하기엔 너무 과할수도 있고, 서버 개발이 쉽지 않은것도 사실이다. 이럴때 Firebase의 "Remote Config"를 활용하면 편리할 수 있다. 1. Firebase에서 Remote Config 설정 Firebase 콘솔로 이동하여, 좌측의 메뉴 중 "성장" 탭에 있는 "Remote Config"를 선택한다. 그러면 위와 같은 화면을 볼 수 있을 것이다. "매개변수 추가"에 본인이 원하는 변수의 키와 값을 넣어주면 된다. 이 예제에서는 앱의 버전을 체크하고 업데..

Firebase를 활용하여 Google로 로그인 기능을 구현해보자. 이전 포스팅에서 성공적으로 Firebase에 앱을 추가했다면 어렵지 않게 구현할 수 있다. 1. Firebase 인증 설정 가장 먼저, 자신의 프로젝트로 이동하여 "Authentication" 항목으로 이동한다. 그리고 "시작하기" 버튼을 누른다. 그럼 "로그인 제공업체" 목록이 나올텐데, Google 을 눌러 "사용설정" 을 활성화하고, 프로젝트 지원 이메일을 입력하자. 프로젝트 공개용 이름은 원한다면 수정해도 좋다. 완료 후 "저장" 을 누른다. 2. Dependency 추가 우선 Firebase의 인증 기능을 위해서 Dependency를 추가해야 한다. plugins { ... } android { ... buildFeatures ..

Firebase를 활용하기 위해 프로젝트를 생성하고 앱을 추가 해 주자. 어렵지 않으니 차근차근 연동과정을 따라가보자. 1. Firebase Console console.firebase.google.com/u/0/ 로그인 - Google 계정 하나의 계정으로 모든 Google 서비스를 Google 계정으로 로그인 accounts.google.com 우선 프로젝트 생성을 위해 Firebase Console을 방문해야 한다. 다들 구글 계정은 하나 쯤 있으리라 생각한다. 로그인을 하면 위와 같은 화면을 보게 될 텐데, "프로젝트 추가" 외에 나머지는 내가 추가한 개인적인 프로젝트이다. "프로젝트 추가" 를 눌러보자. 2. 프로젝트 생성 처음으로 보게 될 화면이다. 생성하고자 하는 프로젝트의 이름을 입력하면 ..