반응형
반응형
Overview 플러터 앱에서 사용자가 색상을 선택하고, 선택한 색상을 반영하는 기능을 구현해보자. 포스팅에서는 flutter_colorpicker 패키지를 사용하며, 총 세 가지의 컬러 피커 사용 방법을 샘플로 다룬다. 포스팅에서 다루는 프로젝트는 아래의 깃허브에서 다운로드 가능합니다. 깃허브에서 flutter_color_picker_example 섹션을 확인해주세요. 그 외에도 다른 샘플 프로젝트를 확인하실 수 있습니다. 자세한 내용은 깃허브의 리드미를 확인해주세요 :) https://github.com/luvris2/flutter-example GitHub - luvris2/flutter-example Contribute to luvris2/flutter-example development by c..
package_info_plus 패키지란?Flutter 플러그인으로, 애플리케이션 패키지에 대한 정보를 보다 쉽게 확인할 수 있다. 확인할 수 있는 정보는 다음과 같다.애플리케이션 이름패키지 이름버전 정보빌드 번호 또한, 기존의 package_info 패키지는 2021년 말에 지원이 중단되었으며, 플러스 버전인 package_info_plus 플러그인을 사용하여야 한다. 즉, 기존의 패키지 인포 플러그인은 지원이 종료되었고 플러스 버전으로 유지되고 있다.package_info_plus 설치pub add 명령어를 통해 package_info_plus 패키지를 설치해준다.flutter pub add package_info_plus 패키지가 잘 적용될 수 있도록 플러터 프로젝트의 빌드 정보를 정리하고 다시 빌..
Overview 현재 회사에서 새롭게 리뉴얼해서 2.0 버전으로 만드는 앱이 있다. 앱이 신버전으로 출시 될 때, 사용자들은 앱이 출시됐는지를 확인하기 어렵다. 즉, 개발자는 앱 사용자들이 새로운 버전의 앱이 출시되었을 때 최신버전의 앱을 사용하도록 유도해야한다. 좀 더 자세히 말하면, 구글 플레이 스토어를 통해 앱을 업데이트하도록 해서 최신 버전을 사용할 수 있게 하여야 한다. 이는 Firebase의 RemoteConfig를 사용하면 버전 관리 기능은 손쉽게 구현할 수 있다. 아래는 예시 이미지이다. 버전 정보가 다르면 업데이트 해달라는 문구가 출력되고, 업데이트하기 버튼을 누르면 구글 플레이 스토어로 연결되어 업데이트를 진행하는 기능이다. 이번 포스팅에서는... 파이어베이스의 원격 구성을 이용하여 앱..
플러터파이어(FlutterFire) 란? Flutter의 응용 프로그램을 Firebase에 연결하는 Flutter 플러그인 세트이다. Flutter에서 Firebase 서비스를 사용하려면 FlutterFire 플러그인이 필요하다. 이 포스팅은 파이어베이스 CLI를 필요로 한다. 또한 포스팅에서는 윈도우 환경에서 npm으로 Firebase CLI를 설치한 후 진행하였다. 플러터파이어 CLI를 설치하려면 반드시 파이어베이스 CLI가 설치되어 있어야 한다. 만약 설치 되어 있지 않다면 아래의 포스팅을 확인하여 먼저 기본 환경을 구성하자. Firebase - 처음 시작하기, 프로젝트 생성하기, Firebase CLI 설치하기 Firebase - 처음 시작하기, 프로젝트 생성하기, Firebase CLI 설치하기..
파이어베이스(Firebase) 란? iOS, Android, 웹, Flutter, Unity, C++용 앱을 빌드하고 출시하는 앱 개발 크로스 플랫폼이다. 앱 개발의 모든 단계를 지원하는 제품 및 솔루션 제공하여 보다 쉽게 앱 개발을 할 수 있도록 한다. 빌드 - 서버 관리 없이 백엔드를 가동하며 손쉽게 확장할 수 있다. 출시 및 모니터링 - 테스트를 간소화하고 안정성 및 성능 문제를 해결할 수 있다. 참여 - 사용자를 더 효과적으로 파악하고 실험을 실행하여 새롭고 유용한 정보를 파악할 수 있다. 대표적으로 Firebase의 제품 중 Cloud Firestore는 클라우드에서 데이터를 쉽게 저장, 동기화, 쿼리할 수 있게 해주는 모바일 및 웹 앱용 NoSQL 문서 기반 데이터베이스이다. 파이어베이스 프로..
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..