본문 바로가기
728x90

flutter9

[Flutter] GetX - 다국어적용 개요 GetX Translations GetX에서는 다국어를 지원하는 기능을 제공한다. Flutter에서 다양한 방식으로 다국어를 정의해서 사용할 수 있지만 Android 또는 iOS 별도의 프로젝트 설정 없이 GetX 라이브러리만 사용하여 모두 적용 가능한 것이 장점이며 적용 방식이 매우 간단하므로 다국어 설정을 고려한다면 GetX의 Translations 기능을 사용해보는 것이 좋다고 생각이 든다. 본문 GetX 설치 flutter pub add get 프로젝트 터미널에서 flutter pub add get 명령어를 실행하여 pubspec.yaml에 디펜던시를 추가한다. Translations class 생성 import 'package:get/get.dart'; class Languages exte.. 2022. 12. 22.
[Flutter] 빌드 환경 분리 개요 Flutter를 개발하면서 서버가 Local, Dev, Prod로 환경별로 나누어져 있어서 Flutter도 마찬가지로 빌드 환경에 따라 서버 엔드포인트 및 설정 값이 변경이 되어야 한다. 그래서 환경별 빌드 적용 경험에 대해 글을 정리하려고 한다. 본문 Flutter 서버 환경 Local Server : Dev 배포 전에 API 개발을 진행할 때 로컬 서버에서 먼저 개발 및 테스트 진행하는 환경 Dev Server : Local API 개발이 완료되어 Dev 서버로 배포가 되어 개발된 API를 테스트할 수 있는 환경 Prod Server : 테스트가 완료된 API가 실제 사용자들에게 제공되는 환경 서버의 각 환경별로 Data와 API가 다르므로 Flutter에서 각 환경별로 설정되어 테스트 또는 사.. 2022. 12. 21.
[Flutter] GetX - 라우트 관리 개요 GetX에서 내비게이션 관리 기능을 지원해주는데 엄청 간편해서 GetX에서 좋아하는 기능 중 하나이다. GetX Dependency와 Global 설정에 관련하여 정리한 글이 있으니 참고하자. Flutter 라우트 관리 방식 Flutter에서 내비게이션 방식에 대해서 간단하게 살펴보면 Stack 방식으로 관리를 하는데 Page1 화면이 호출하면 Stack에 Page1이 쌓이고 그다음 Page2 화면을 호출하면 Stack에 Page2... 이런 방식으로 하나씩 쌓아서 관리를 하게 된다. 본문 먼저 Flutter에서 일반적으로 사용했던 내비게이션 코드와 GetX 내비게이션 코드를 비교해보자 기존 내비게이션 코드 Navigator.of(context).push( MaterialPageRoute(build.. 2022. 12. 20.
[Flutter] GetX - 상태관리 개요 GetX는 Flutter에 고성능 상태 관리, 지능형 종속성 주입 및 빠르고 실용적인 라우터 관리가 결합되어 있는 라이브러리라고 설명한다. 테스트를 해보니 정말 많은 기능들을 제공한다. 가장 마음에 드는 것은 Flutter에서 제공하는 복잡한 코드들이 간결한 코드로 동일한 동작을 할 수 있도록 개발을 단순화했다는 것이다. 본문 GetX 설치 flutter pub add get 프로젝트 터미널에서 flutter pub add get 명령어를 실행하여 pubspec.yaml에 디펜던시를 추가한다. GetX 설정 void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({super.key}); @over.. 2022. 12. 19.
300x250