전체 글

LALA.DEV
[Flutter] Hive
·개발/Flutter
Hive로컬 DB 이다. 모든 데이터는 box 에 저장된다.box 는 SQL 테이블과 비슷한 개념이지만 컬럼 같은 structure 가 따로 없고 임의의 Key-Value 형태 데이터를 담을 수 있다.box 에 저장되는 데이터는 암호화되어 저장된다. int, string, list 등 기본 데이터 타입 이외에 임의의 데이터 타입을 저장하려면 TypeAdapter 를 사용해야 한다.TypeAdpater 는 모델 클래스에 Annotation 을 추가한다. (HiveType, HiveField 등)그리고 터미널에서 아래의 명령어를 실행하면 TypeApdter 가 자동으로 생성된다.flutter pub run build_runner build  설치는 아래와 같이 추가dependencies: hive: ^2.2..
[Flutter] SharedPreferences
·개발/Flutter
SharedPreferences가볍게 사용하기 좋은 로컬 저장소 라이브러리이다.Key-Value 형태로 데이터를 저장 및 불러올 수 있다.데이터 타입별로 read & write 함수가 있다.설치는 아래와 같이 실행flutter pub add shared_preferences  Code Template// 초기화final SharedPreferences prefs = await SharedPreferences.getInstance();// Writeawait prefs.setInt('counter', 10);await prefs.setBool('repeat', true);await prefs.setDouble('decimal', 1.5);await prefs.setString('action', 'Start..
[Flutter] GestureDetector
·개발/Flutter
GestureDetector특정 위젯에 대해 제스쳐 이벤트를 처리할 수 있도록 해준다.제스쳐란 탭(Tap), 더블탭(Double Tap), 오래 누르기(Long Press), 드래그(Drag), 확대/축소(Scaling) 등을 말한다.버튼처럼 기본적으로 Tap 이벤트를 처리하지 못하는 위젯들도 GestureDetector 로 감싸주면 제스쳐 이벤트를 처리할 수 있다.  Code Templateimport 'package:flutter/material.dart';/// Flutter code sample for [GestureDetector].void main() => runApp(const GestureDetectorExampleApp());class GestureDetectorExampleApp ext..
[Flutter] LinearProgressIndicator
·개발/Flutter
LinearProgressIndicatorline 형태의 프로그레스바이다.0.0에서 1.0 사이의 값을 직접 지정할 수 있는 Determinate 방식과값지정 없이 전체 진행 시간(?)을 지정할 수 있는 Indeterminate 방식으로 사용할 수 있다.혹은 둘 사이를 전환할 수도 있다.  Code Templateimport 'package:flutter/material.dart';/// Flutter code sample for [LinearProgressIndicator].void main() => runApp(const ProgressIndicatorApp());class ProgressIndicatorApp extends StatelessWidget { const ProgressIndicator..
[Flutter] Navigation
·개발/Flutter
Navigation앱은 보통 여러개의 앱화면(screen)으로 구성된다.플러터에서 각 screen 또는 page 를 route 라고 부르며, 각 route 를 이동할 수 있는 기능을 제공한다.앱을 구성하는 routes 가 간단한 경우는 Navigator 를 사용하고 복잡한 경우는 Router 를 사용한다.우선 Navigator 의 주요 기능은 아래와 같다. (Router 는 나중에..)Navigator.push: 새로운 route 로 이동한다.Navigator.pop: 이전 route 로 이동한다.각 route 를 이동할때 안드로이드 스타일(MaterialPageRoute) 또는 iOS 스타일(CupertinoPageRoute) 을 지정할 수 있다.이때는 아래의 위젯들도 같이 맞춰줘야 한다.Materia..
laladev
LALA.DEV