Flutter - 앱 버전 업데이트 구현하기, 파이어베이스로 버전 관리하기(FlutterFire RemoteConfig)

Overview 현재 회사에서 새롭게 리뉴얼해서 2.0 버전으로 만드는 앱이 있다. 앱이 신버전으로 출시 될 때, 사용자들은 앱이 출시됐는지를 확인하기 어렵다. 즉, 개발자는 앱 사용자들이 새로운 버전의 앱이 출시되었을 때 최신버전의 앱을 사용하도록 유도해야한다. 좀 더 자세히 말하면, 구글 플레이 스토어를 통해 앱을 업데이트하도록 해서 최신 버전을 사용할 수 있게 하여야 한다. 이는 Firebase의 RemoteConfig를 사용하면 버전 관리 기능은 손쉽게 구현할 수 있다. 아래는 예시 이미지이다. 버전 정보가 다르면 업데이트 해달라는 문구가 출력되고, 업데이트하기 버튼을 누르면 구글 플레이 스토어로 연결되어 업데이트를 진행하는 기능이다. 이번 포스팅에서는... 파이어베이스의 원격 구성을 이용하여 앱..

• format_list_bulleted Mobile/Flutter
• · 2024. 1. 11.
• textsms

Flutter - 플러터 앱에 파이어베이스 연동하기 (FlutterFire)

플러터파이어(FlutterFire) 란? Flutter의 응용 프로그램을 Firebase에 연결하는 Flutter 플러그인 세트이다. Flutter에서 Firebase 서비스를 사용하려면 FlutterFire 플러그인이 필요하다. 이 포스팅은 파이어베이스 CLI를 필요로 한다. 또한 포스팅에서는 윈도우 환경에서 npm으로 Firebase CLI를 설치한 후 진행하였다. 플러터파이어 CLI를 설치하려면 반드시 파이어베이스 CLI가 설치되어 있어야 한다. 만약 설치 되어 있지 않다면 아래의 포스팅을 확인하여 먼저 기본 환경을 구성하자. Firebase - 처음 시작하기, 프로젝트 생성하기, Firebase CLI 설치하기 Firebase - 처음 시작하기, 프로젝트 생성하기, Firebase CLI 설치하기..

• format_list_bulleted Mobile/Flutter
• · 2024. 1. 10.
• textsms

Flutter - 레이더 차트 그리기 (flutter_radar_chart)

Overview 이 포스팅에서는 레이더 차트를 그리기 위해서 flutter_radar_chart 패키지를 사용한다. 아래는 내가 진행중인 토이 프로젝트에서 사용한 레이더 차트의 사용 화면이다. 데이터를 입력하면 입력한 내용을 레이더 차트로 시각화하여 보여주는 간단한 페이지이다. flutter_radar_chart 패키지를 이용하여 레이더 차트를 그리는 기본 사용 방법 및 설정에 대해 알아보자. 포스팅에서 설명한 예제는 아래의 깃허브에서 다운로드 가능하다. https://github.com/luvris2/flutter-example/tree/main GitHub - luvris2/flutter-example Contribute to luvris2/flutter-example development by cr..

• format_list_bulleted Mobile/Flutter
• · 2024. 1. 8.
• textsms

Flutter - 앱 화면 가로 모드 / 세로 모드 고정하기 (자동 회전 방지)

개요모바일 디바이스의 자동 회전 기능으로 인해 기획해둔 애플리케이션의 UI가 틀어지는 등의 이유로 애플리케이션 내에서 자동 회전을 제한하고 특정 방향으로 고정해야할 상황이 있다. 그럴 때 가로 혹은 세로 모드로 고정할 수 있도록 해주는 코드이다.화면 모드 고정하기사용 조건가로/세로 모드를 고정하려면 패키지가 필요하다. 기본적으로 제공되는 패키지이며, 따로 추가적으로 pub add로 설치할 필요는 없다. 주로 앱 자체를 특정 화면으로 고정하기 위해 사용하므로 보편적으로 main.dart 파일에 코드를 기재한다. 때문에 main.dart 파일에 패키지를 불러와준다.// main.dart import 'package:flutter/services.dart';가로 모드 고정하기 (Landscape Mode)//..

• format_list_bulleted Mobile/Flutter
• · 2024. 1. 4.
• textsms

Flutter - 안드로이드 앱 서명(키스토어) JKS 파일 생성, 앱 자동 서명 등록 방법

개요업로드 키 스토어 파일은 앱을 서명하기 위한 파일로,안드로이드 앱의 서명 및 암호화 키를 안전하게 저장되는 데 사용되는 파일이다.구글 플레이 스토어에 앱을 게시하려면 업로드 키 스토어를 필요로 하며,서명되지 않는 앱의 경우 플레이 콘솔에 앱을 업로드 할 수 없다. 이번 포스팅에서는키 스토어를 생성하는 방법안드로이드 앱에서 키 스토어를 참조하여 앱에 서명하는 방법그리고 서명된 앱을 앱 번들(App Bundle, aab)로 만드는 방법세 가지를 위주로 설명하겠다.업로드 키 스토어 생성하는 방법기존의 키 스토어가 있으면 해당 단계는 진행하지 않아도 된다.키 스토어가 존재하지 않을 경우 아래의 명령어를 실행한다.해당 실행 명령어는 플러터 공식 문서를 참고하였다.macOS 또는 리눅스의 경우keytool -g..

• format_list_bulleted Mobile/Flutter
• · 2024. 1. 1.
• textsms

Flutter 3.16 Version Issue - fatal:flutter/shell/platform/android/surface_texture_external_texture.cc

Flutter Stable Version Upgrade Issue플러터의 stable 최신 버전이 3.13.9 에서 3.16 으로 업데이트됐다.사실 업데이트 된 날짜는 11월 15일인데,플러터 버전 업그레이드를 진행하면 아래와 같은 에러가 뜨면서 앱이 팅기는 현상이 발생하였다.[fatal:flutter/shell/platform/android/surface_texture_external_texture.cc(56)]check failed: state_ == attachmentstate::kattached. 결국 버전을 다운그레이드 하여 사용하다가..나중에 어차피 버전 업그레이드 해야될거면 지금 해결하자는 마음으로다시 버전 업그레이드를 하니 똑같은 현상을 마주했다.유독 플러터 버전 3.16에서만 이런다. 왜..

• format_list_bulleted Mobile/Flutter
• · 2023. 12. 31.
• textsms