Study Record

🎁 Json serializable Json 을 사용하여 데이터를 다루는 것을 좀 더 쉽게 해주는 라이브러리이다. json_serializable | Dart Package Automatically generate code for converting to and from JSON by annotating Dart classes. pub.dev 😶 설치(installing) pubspec.yaml 파일에 다음과 같이 라이브러리들을 추가한 뒤 pub get 버튼을 눌러 프로젝트에 적용해 준다. dependencies: json_annotation: ^4.8.0 dev_dependencies: json_serializable: ^6.0.0 😶 간단한 사용법 서버와의 통신을 통해 Json 형식으로 데이터를 다음..

🎁 dio Dart 와 Flutter 에서 사용할 수 있는 HTTP 통신을 지원하는 라이브러리로 사용방법이 간단하다. 인터셉트, 파일 업로드/다운로드, 요청 시간 설정 등 여러가지 기능을 지원한다. dio | Dart Package A powerful HTTP package for Dart/Flutter, which supports Global settings, Interceptors, FormData, Aborting and canceling a request, Files uploading and downloading, Requests timeout, Custom adapters, etc. pub.dev 😶 초기 설정 터미널에서 "dart pub add dio" 를 실행하면 자동으로 dio 라이브러리를..

🎁 Flutter_secure_storage 플러터에서 앱을 종료해도 데이터가 삭제되지 않는 저장 공간을 이용하는 간단한 방법은 flutter_secure_storage 라이브러리를 사용하는 것이다. 이 라이브러리는 IOS 의 KeyChain 과 AOS 의 sharedPreferences 를 사용하고 있다. flutter_secure_storage | Flutter Package Flutter Secure Storage provides API to store data in secure storage. Keychain is used in iOS, KeyStore based solution is used in Android. pub.dev 😶 초기 설정 ① pubspec.yaml 파일에 flutter_sec..

✍ 개발자 모드 플러터 프로젝트에서 pub get 을 실행하던 중 다음과 같은 오류가 나왔다. Please enable Developer Mode in your system settings. Run start ms-settings:developers to open settings. Windows 를 사용하고 있고 이 오류는 개발자 모드를 켜주면 된다. (Windows 10) 😶 과정 설명 ① [설정] → [업데이트 및 보안] 탭에 들어간다. ② [개발자용] 에 들어가 개발자 모드를 킨다.

✍ 입력 폼이 포함된 화면 입력 폼(TextField, TextFormField 등)이 포함된 화면은 키보드가 올라와 화면을 가리면서 overflowed 가 날 수 있다. 이럴 경우 SingleChildScrollView 를 최상단에 위젯 상단에 배치하면 키보드가 올라와도 스크롤이 가능하기 때문에 overflowed 문제가 생기지 않는다. 😶 예시) import 'package:flutter/material.dart'; void main() => runApp(MaterialApp(home: ScrollControlView())); class ScrollControlView extends StatelessWidget { const ScrollControlView({Key? key}) : super(key:..

✍ TextField 에서 비밀번호 입력 설정 입력 폼 중 비밀번호를 입력하는 형식이면 글자를 입력할 때 작은 원으로 보이는 기능은 TextField 의 obscureText 를 true 로 해주면 된다. TextField( obscureText: true, )

✍ 입력 폼 border TextField(TextFormField) 의 border 에는 여러 가지 종류가 있는데 여러 가지 상황에서 border 값을 따로 설정할 수 있다. 종류는 다음 표와 같다. border 인자만 설정했을 때 기본 border 값이지만 실제로 시작하고 focus가 없는 처음 상태에서 기본 border 로 적용이 안될 때가 있다. 이때는 enabledBorder 값을 설정해 주면 enabledBorder 값으로 적용된다. 인자 설명 border 기본 border focusBorder focus 가 있는 상태 errorBorder error 상태에서 focus 가 없는 상태 focusErrorBorder error 상태에서 focus 가 있는 상태 enabledBorder 사용 가능..

✍ Future 와 Stream drift 에서 select 로 데이터를 가져올 때 get() 함수로 가져오는 것과 watch() 함수로 가져올 수 있다. get() 함수는 Future 로 받고 watch() 함수는 Stream 으로 받는다. Stream 으로 가져오는 것은 데이터의 변화가 있으면 자동으로 업데이트해 준다는 점이다. 반면에 Future 는 딱 한 번 실행할 때 가져오고 데이터의 변화가 있어도 업데이트하지 않는다. import 'package:drift/drift.dart'; import 'dart:io'; import 'package:drift/native.dart'; import 'package:flutter/services.dart'; import 'package:path_provid..