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

Flutter - InAppWebView 5.8.0 > 6.0.0 마이그레이션 가이드

개요 인앱웹뷰가 6.0.0으로 버전업이 되었다. 이번에 마이그레이션을 하면서 느낀점은 편의성이 많이 좋아진 것 같은데 자세히는 안써봐서 잘 모르겠다. 우선은 내 프로젝트에 있는 코드들을 마이그레이션하면서 수정하였던 부분들을 기준으로 기재하도록 하겠다. 포스팅에서 인앱웹뷰 마이그레이션의 기준은 5.8.0에서 6.0.0이므로 글을 읽기 전에 참고하길 바란다. InAppWebview Migration 최소 필요 사양 변경 만약 앱이 실행이 되지 않거나 디버깅이 되지 않는다면 아래의 필요 사양을 꼭 확인해보자. 안드로이드 기준으로는 아마 compileSdk가 29~33 API 사이로 되어 있을 것이다. 다트 SDK : 2.17.0 이상, 4.0.0 미만 Flutter : 3.0.0 이상 Android : min..

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

Flutter - Provider 없이 클래스 간 상태 관리 하기 (State 직접 업데이트하기)

개요 작성 목적 나는 처음 상태 관리를 provider로 배웠다. 간단한 로직임에도 다른 클래스끼리의 상태 변환을 위해 provider를 불러오고 정의하려니 너무 번거롭기도 하고 익숙한 형태도 아니기 때문에 불편했다. 간단히 클래스 간 상태를 공유하기 위해서, 또한 상태가 변경될 때의 빌드 작동 순서를 명확하게 이해하고자 직접 샘플 프로젝트로 최대한 간단하게 구현해 보았다. 내용 이 포스팅은.. 상태 관리 관련 패키지(Provider, GetX, Riverpod, bloc) 등의 패키지를 사용하지 않고 다른 클래스 간 상태를 직접 setState로 변경하는 방법을 다룬다. * 설명으로 다루는 프로젝트는 아래의 깃허브에서 다운로드 가능합니다. https://github.com/luvris2/flutter-..

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