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 형식으로 데이터를 다음..

🎁 자동 완성 설정하기 (Live Templates) 안드로이드 스튜디오에서 몇 글자만 써도 자동으로 메뉴를 보여주는 기능이 있다. Flutter 프로젝트에서 "stless" 단어를 치면 나오는 것과 같은 기능이다. 내가 원하는 형식으로 이 기능을 사용할 수 있다. ① 먼저 File > Settings > Editor > Live Templates 탭에 들어간다. ② "+" 버튼을 눌러 Templete Group 으로 그룹명을 입력해준다. 붙이고 싶은 이름으로 한다. ③ 내가 만든 그룹을 선택한 채로 Live Templete 를 누른다. ④ 원하는 형식으로 Templates 를 정의한다. Abbreviation 으로 자동완성 단어를 넣고 Template text 에 내용을 입력해 준다. $NAME$ 는 ..

🎁 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 사용 가능..