모바일개발/플러터 검색 결과
20 개의 검색 결과가 있습니다.
모바일개발/플러터

플러터(Flutter) 다국어 대응하기 (Localization)

플러터 앱에서 환경별 언어 설정에 대응하기 위한 다국어 대응 i10n에 대해 알아보겠습니다. 다국어 대응 전 세계 스마트폰 시장에 앱을 출시한다면 한국 시장에 비해 규모가 커지고 수익도 늘어날 것입니다. 유저수를 확보하고 싶다면 다국어 대응, 최소 영어의 대응은 필요로 하게 됩니다. 플러터에서는 다국어 지원 메커니즘을 제공하고 있습니다. 샘플 앱을 만들면서 다국어를 지원하는 방법에 대해 알아보도록 하겠습니다. 1. 다국어용 패키지 설치 먼저 패키지 설치가 필요합니다. pubspec.yaml파일을 열고 패키지를 추가해 줍니다. dependencies: flutter: sdk: flutter flutter_localizations: # 다국어 패키지 sdk: flutter intl: ^0.17.0 # 포멧등..

2022. 3. 9. 14:54
모바일개발/플러터

플러터 NullSafety, Null-aware연산자

Flutter2부터 도입된 NullSafety에 대해 알아보겠습니다. Null 사용의 문제점 아무것도 없는 상태를 나타내는 null, 때로는 편하다고 말하는 사람이 있기도 합니다. 하지만 한번 사용하기 시작하면 여러 코드에서 null의 체크가 필요해지고 null로 인해 버그가 생기기 마련입니다. 보통 NullPointerException을 안 본 개발자는 없으리라 생각됩니다. Null-aware 연산자 플러터(Dart) 에는 Null 처리를 고려할 수 있는 연산자가 준비되어 있습니다. ?. 연산자 객체의 null을 체크한 후 접근합니다. var a = nullableObject?.MethodA(); // 위와 같은 처리 if(nullableObject != null) { a = nullableObject..

2022. 3. 9. 00:30
모바일개발/플러터

VSCode에서 플러터 개발이 편리해지는 설정

즐겁게 플러터 개발을 하고 계신가요? 저는 이제 막 플러터 개발을 익히고 있는데요. VSCode(비주얼 스튜디오 코드)에서 플러터의 개발을 할 때 시간이 절약되는 기능과 설정을 정리해 보겠습니다. 트리 구조 가이드 보기 코드 구조를 파악하기 쉽게 하는 여러 확장 기능이 있지만 이 설정이 가장 보기 편한 것 같습니다. 설정 방법 1. 커맨드 팔레트(ctrl + shift +p )에서 Preferences: Open Setting()을 선택해서 setting.json파일을 열어줍니다. 2. JSON에서 다음 항목을 추가합니다. { "dart.previewFlutterUiGuides": true, "dart.previewFlutterUiGuidesCustomTracking": true, } 3. VSCode를..

2022. 3. 8. 18:29
모바일개발/플러터

플러터(flutter) DatePicker 이용해 날짜 입력

DatePick는 날짜를 선택하는데 모바일 화면에서 가장 일반적인 방법입니다. 플러터 앱에서는 showDatePicker 메소드를 호출하는 것만으로 DatePicker를 사용이 가능해 편리하게 날짜 입력이 가능 합니다. DatePicker 사용하기 DatePicker는 날짜를 선택하는 모달을 표시합니다. 만약 날짜가 필요없고 시간을 입력받고 싶다면 TimePicker를 이용할 수 있습니다. TimePicker와 DatePicker의 사용법은 비슷합니다. DatePicker의 경우 showDatePicker 메소드를 호출함으로 DatePicker 표시할 수 있고, TimePicker의 경우는 showTimePicker 를 호출 하면 됩니다. 코드를 살펴 보도록 하겠습니다. // ignore_for_file..

2022. 3. 7. 20:22
모바일개발/플러터

플러터 싱글톤(single tone) 만들기

플러터에서 정확히는 다트(Dart)언어에서 싱글 톤을 구현하는 방법에 대해 알아보겠습니다. 싱글톤이란? single tone은 플러터 혹은 다트의 특유의 것이 아닌 소프트웨어 디자인 패턴 입니다. 싱글톤 패턴이란 클래스의 인스턴스를 프로그램 내에서 오직 하나만 생성하도록 제한하는 패턴 입니다. 디자인 패턴중에 가장 쉬워서 제일 처음에 배우는 패턴이기도 합니다. 일반적으로 대부분의 언어에서 다음과 같은 방법으로 싱글톤을 구현합니다. 클래스의 정적 멤버를 선언 후 인스턴스를 할당해준다. 생성자에 대한 접근을 제한한다. 인스턴스를 리턴해주는 메소드를 구현한다. 플러터(Flutter), 다트(Dart)에서 싱글톤 구현 플러터에서는 생성자에 factory로 선언하는 것만으로 편리하게 팩토리 메소드를 구현하는 것이..

2022. 3. 7. 08:20
모바일개발/플러터

플러터 debugPaintSizeEnabled 활성화 하여 위젯 배치 시각화, 윤곽선 표시

플러터에서 위젯을 배치할 때 좀처럼 원하는 곳에 배치가 안 되는 일이 많이 있습니다. 그럴 때는 랜더링 라이브러리로 제공되는 debugPaintSizeEnabled을 true로 설정하면 앱 화면에 보조선이 표시되어 위젯 배치에 도움이 됩니다. 위의 화면 처럼 실제 위젯의 배치가 명확하게 나타나 개발을 편리하게 해 줍니다. debugPaintSizeEnabled 활성화 하기 flutter/rendering.dart import main에서 debugPaintSizeEnabled = true 로설정 화면에서 윤곽선을 표시하려면, flutter/rendering.dart 패키지를 import 해야 합니다. 패키지를 import 한 후 main 함수에서 플래스를 true로 설정해 줍니다. import 'pack..

2022. 3. 6. 15:47