min_chan님의 블로그

intl이란? intl은 Flutter에서 다국어 지원과 날짜/숫자 포맷팅을 쉽게 할 수 있도록 도와주는 패키지다.해당 패키지는 앱을 국제화 및 현지화, 날짜와 숫자를 다양한 로케일 형식으로 변환할 수 있는 기능을 제공한다.메시지 번역 (문자열 다국어 지원)복수형 및 성별 구분 번역 (Plurals, Genders)날짜 및 숫자 형식 변환 (Formatting)양방향 텍스트 처리 (Bidirectional Text)intl사용법1. 패키지 설치터미널에서 pub add 명령어를 실행해 해당 패키지를 설치한다. 2. 로케일(Locale) 설정 및 사용2.1 기본 로케일 설정 (앱 전체에서 사용할 로케일 설정)import 'package:intl/intl.dart';void main() { Intl.defa..

dio란? Dio는 강력한 기능과 편리한 사용성으로 많은 개발자들에게 사랑받고 있는 http 패키지다.글로벌 설정 가능인터셉터 지원 (요청/응답 변조 가능)FormData 지원 (파일 업로드 용이)요청 취소 가능다운로드 및 업로드 진행 상태 확인요청 및 응답 변환 (Transformers)커스텀 어댑터 지원dio 사용법1. 패키지 설치터미널에서 pub add 명령어를 실행해 패키지를 설치  2. get 요청Dio 인스턴스를 생성하면, 이후 get(), post(), put(), delete() 등의 요청을 쉽게 수행할 수 있다.import 'package:dio/dio.dart';final dio = Dio();void getHttp() async { final response = await dio.g..

http란? http 패키지는 Dart에서 제공하는 비동기 네트워크 요청 라이브러리로, 다양한 플랫폼(모바일, 데스크탑, 웹)에서 사용할 수 있다이를 사용하면 쉽게 HTTP 요청을 수행하고 응답을 처리할 수 있다.http 사용법1. 패키지 설치터미널에서 pub add 명령어를 실행해 패키지를 설치 2. http 요청 사용법import 'package:http/http.dart' as http;void main() async { var url = Uri.https('example.com', 'whatsit/create'); var response = await http.post(url, body: {'name': 'doodle', 'color': 'blue'}); print('Response stat..

await storage.write(key: '키값 지정', value: '밸류 값 지정');flutter_secure_storage란? flutter_secure_storage는 보안이 필요한 데이터를 안전하게 저장할 수 있도록 도와주는 Flutter용 라이브러리iOS: Keychain을 사용Android: AES 암호화 (RSA 키로 AES 키 암호화, KeyStore에 저장)flutter_secure_storage 사용법1. 패키지 설치터미널에서 pub add 명령어를 실행해 설치 2. Configure Android version[project]/android/app/build.gradle 에서 minSdkVersion을 18이상으로 변경  3. 기본 사용법SecureStroage instance..

flutter_dotenv란?API URL, feature flags와 같은 정보를 코드에 직접 포함하지 않고, 애플리케이션의 구성 변수를 저장하는 텍스트 파일인 .env 파일에 저장하여 앱의 설정을 관리할 수 있도록 하는 Flutter용 라이브러리key - value 쌍으로 구성되어 있다. API 키 같은 민감한 정보는 보안상 앱 내에서 직접 저장하지 않는 것이 좋다.민감하지 않은 설정 값(예: API URL, 기능 활성화 플래그 등)에만 환경 변수를 사용하는 것이 좋다.flutter_dotenv 사용법1. 패키지 설치터미널에서 pub add 명령어를 실행해 패키지를 설치 2. Create .env file in the root of your project프로젝트의 루트에 .env파일을 만든 뒤 밑의 ..

Flutter에서 상태 관리는 필수적인 요소입니다.여러 상태 관리 방법 중에서도 Provider는 가장 널리 사용되는 패키지 중 하나로 이번 글에서는 Provider의 개념, 사용법, 그리고 예제 코드를 통해 어떻게 활용할 수 있는지 알아보겠습니다.Provider란?Provider는 Flutter에서 상태 관리(State Management)를 효율적으로 할 수 있도록 도와주는 패키지입니다.Provider의 장점자원 할당 및 해제의 간소화: 필요할 때만 자원을 할당하고 해제하여 효율성을 높임지연 로딩(lazy-loading) 지원: 필요한 순간까지 데이터를 로드하지 않음반복적인 보일러플레이트 코드 감소: 새로운 클래스를 매번 만들 필요 없이 간결한 코드 유지 가능개발 도구(DevTool) 친화적: Pro..

pub.dev란?pub.dev는 Dart 및 Flutter 개발자를 위한 공식 패키지 저장소로, 다양한 라이브러리와 패키지를 검색, 설치, 업데이트할 수 있는 플랫폼입니다. Google에서 운영하며, 오픈소스 생태계를 더욱 확장하고 개발자들이 손쉽게 패키지를 공유할 수 있도록 돕습니다.사이트 링크 - https://pub.dev/ The official repository for Dart and Flutter packages.Pub is the package manager for the Dart programming language, containing reusable libraries & packages for Flutter and general Dart programs.pub.dev pub.dev 주..

Debounce란?Flutter 개발을 하다 보면 사용자의 입력을 실시간으로 반영해야 하는 경우가 많습니다. 그러나 입력할 때마다 즉각적으로 API 요청을 보낸다면, 서버 부하가 커지고 불필요한 요청이 많아질 수 있습니다. 이럴 때 유용한 기법이 바로 Debounce입니다.Debounce는 짧은 시간 내에 발생한 여러 번의 이벤트를 하나의 이벤트로 묶어 처리하는 기법입니다. 사용자의 입력이 끝난 후 일정 시간이 지나야 실행되므로 불필요한 API 호출을 줄일 수 있습니다.Debounce의 필요성실시간 검색 기능검색 입력창에 사용자가 키를 입력할 때마다 API 요청을 보내면, 한 단어를 입력하는 동안에도 여러 번의 네트워크 요청이 발생할 수 있습니다. 이는 서버 부하를 증가시키고, 사용자 경험을 저하시킵니다..

withOpacity is deprecated in Flutter 3.27.0 updateflutter 3.27.0 업데이트로 우리가 자주 사용하던 withOpacity가 이젠 사용할 수 없다.공식 문서에 따르면 이전에는 Color 클래스에 opacity 개념이 있어서 opacity와 withOpacity() 메서드로 나타났고 Opacity는 Color의 alpha 채널을 부동 소수점 값으로 조정하기 위해 도입된 개념이었다고한다. 이제 alpha 값 자체가 부동 소수점 값으로 처리되면서 opacity는 불필요하게 되었고, 이에 따라 opacity와 withOpacity 메서드는 더 이상 사용되지 않으며 제거될 예정이라고 한다.Migrate변경 전final x = color.withOpacity(0.55)..

Flame이란?Flame은 Flutter 기반의 모듈형 게임 엔진으로, Flutter의 강력한 인프라를 활용하면서도 게임 개발을 단순화해주는 엔진입니다.게임 개발에 필요한 루프 시스템, 입력 처리, 이미지 및 스프라이트 관리, 애니메이션, 충돌 감지, 컴포넌트 시스템(FCS: Flame Component System) 등을 제공합니다.또한, Flame의 기능을 확장할 수 있는 Bridge 패키지도 제공하며, 필요에 따라 원하는 기능만 선택적으로 사용할 수도 있습니다.Flame 설치Flame을 사용하려면, pubspec.yaml에 패키지를 추가해야 합니다.최신 버전은 pub.dev 사이트의 Versions에서 확인 가능 Flame 기본 사용법Flame에서 게임을 실행하려면 GameWidget을 사용해야 합..