티스토리

코딩전사의 기록

검색하기

블로그 홈

코딩전사의 기록

dalgoodori.tistory.com/m

찌김이 님의 블로그입니다.

구독자: 6

방명록 방문하기

728x90

반응형

주요 글 목록

[Flutter] GetX ⑦ - Utils (GetConnect, StateMixin) get | Flutter Package Open screens/snackbars/dialogs without context, manage states and inject dependencies easily with GetX. pub.dev 설정 pubspec.yaml dependencies: get: ^4.6.5 main.dart MaterialApp 을 GetMaterialApp 으로 변경해주세요. import 'package:flutter/material.dart'; import 'package:get/get.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({super.key}).. 공감수 0 댓글수 0 2022. 9. 5.
[Flutter] GetX ⑥ - Utils (기기 정보, 다국어 지원) get | Flutter Package Open screens/snackbars/dialogs without context, manage states and inject dependencies easily with GetX. pub.dev 설정 pubspec.yaml dependencies: get: ^4.6.5 main.dart MaterialApp 을 GetMaterialApp 으로 변경해주세요. import 'package:flutter/material.dart'; import 'package:get/get.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({super.key}).. 공감수 5 댓글수 1 2022. 9. 2.
[Flutter] GetX ⑤ - Utils (Dialog, SnackBar) get | Flutter Package Open screens/snackbars/dialogs without context, manage states and inject dependencies easily with GetX. pub.dev 설정 pubspec.yaml dependencies: get: ^4.6.5 main.dart MaterialApp 을 GetMaterialApp 으로 변경해주세요. import 'package:flutter/material.dart'; import 'package:get/get.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({super.key}).. 공감수 6 댓글수 0 2022. 9. 1.
[Flutter] GetX ④ - Route Management get | Flutter Package Open screens/snackbars/dialogs without context, manage states and inject dependencies easily with GetX. pub.dev 설정 pubspec.yaml dependencies: get: ^4.6.5 main.dart MaterialApp 을 GetMaterialApp 으로 변경해주세요. import 'package:flutter/material.dart'; import 'package:get/get.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({super.key}).. 공감수 4 댓글수 0 2022. 8. 31.
[Flutter] GetX ③ - 종속성 관리 get | Flutter Package Open screens/snackbars/dialogs without context, manage states and inject dependencies easily with GetX. pub.dev 설정 pubspec.yaml dependencies: get: ^4.6.5 main.dart MaterialApp 을 GetMaterialApp 으로 변경해주세요. import 'package:flutter/material.dart'; import 'package:get/get.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({super.key}).. 공감수 5 댓글수 0 2022. 8. 30.
[Flutter] GetX ② - 상태 관리 get | Flutter Package Open screens/snackbars/dialogs without context, manage states and inject dependencies easily with GetX. pub.dev 설정 pubspec.yaml dependencies: get: ^4.6.5 main.dart MaterialApp 을 GetMaterialApp 으로 변경해주세요. GetX 를 상태관리로만 사용하실거면 GetMaterialApp 으로 변경하지 않아도 됩니다. import 'package:flutter/material.dart'; import 'package:get/get.dart'; void main() { runApp(const MyApp()); } class MyA.. 공감수 8 댓글수 0 2022. 8. 29.
[Flutter] GetX ① - 소개 이번 포스팅에서는 플러터의 거의 모든 것을 다 구현할 수 있는 GetX 에 대해서 포스팅합니다. get | Flutter Package Open screens/snackbars/dialogs without context, manage states and inject dependencies easily with GetX. pub.dev GetX 로 할 수 있는 것 라우팅 스낵바, 다이얼로그, 바텀시트 상태관리 종속성 관리 테마 http Shared Preference . . GetX 의 최대 강점은 생산성입니다. GetX 의 장점으로 가장 먼저 소개할 수 있는 부분이며 개발자가 가장 와닿을 수 있는 부분입니다. 상술한 모든 것들을 GetX 하나를 통해 GetX 없이 구현하는 것보다 직관적인 코드로 간단하게.. 공감수 11 댓글수 0 2022. 8. 28.
[Flutter] image_picker 간단하게 기기의 이미지를 가져올 수 있는 image_picker 에 대해서 간단하게 포스팅 합니다. image_picker | Flutter Package Flutter plugin for selecting images from the Android and iOS image library, and taking new pictures with the camera. pub.dev pubspec.yaml dependencies: image_picker: ^0.8.5+3 ios / Runner / Info.plist http://www.apple.com/DTDs/PropertyList-1.0.dtd"> . . . // 추가 NSCameraUsageDescription Used to demonstrate imag.. 공감수 32 댓글수 1 2022. 8. 13.
[Flutter] photo_manager 디바이스의 이미지 정보를 불러오고 싶을 때 유용한 photo_manager 에 대해서 포스팅 합니다. photo_manager | Flutter Package A Flutter plugin that provides assets abstraction management APIs on Android, iOS, and macOS. pub.dev 셋팅 pubspec.yaml dependencies: photo_manager: ^2.1.4 android/app/src/main/AndroidManifest.xml 공감수 35 댓글수 0 2022. 8. 11.
[Flutter] dio http 통신을 위해 사용되는 dio 에 대해서 포스팅 합니다. dio | Dart Package A powerful Http client for Dart, which supports Interceptors, FormData, Request Cancellation, File Downloading, Timeout etc. pub.dev pubspec.yaml dependencies: dio: ^4.0.6 사용 void main() async { final dio = Dio(); // get await dio.get('path'); // add queryParameters await dio.get('path', queryParameters: { 'page' : 1, "order" : "desc" }); //.. 공감수 35 댓글수 0 2022. 8. 7.
[Flutter] Bloc ⑤ - Bloc Test Bloc ① - 소개 https://dalgoodori.tistory.com/28 Bloc ② - Cubit 과 Bloc https://dalgoodori.tistory.com/29 Bloc ③ - Bloc Widgets https://dalgoodori.tistory.com/30 Bloc ④ - context.read, context.watch, context.select https://dalgoodori.tistory.com/31 Bloc ⑤ - Bloc Test bloc_test | Dart Package A testing library which makes it easy to test blocs. Built to be used with the bloc state management package... 공감수 36 댓글수 0 2022. 8. 5.
[Flutter] Bloc ④ - context.read, context.watch, context.select Bloc ① - 소개 https://dalgoodori.tistory.com/28 Bloc ② - Cubit 과 Bloc https://dalgoodori.tistory.com/29 Bloc ③ - Bloc Widgets https://dalgoodori.tistory.com/30 Bloc ④ - context.read, context.watch, context.select Bloc ⑤ - Bloc Test https://dalgoodori.tistory.com/32 1. context.read context.read()는 T 유형의 가장 가까운 조상 인스턴스를 찾습니다. 기능적으로 BlocProvider.of(context)와 동일합니다. context.read는 onPressed 콜백 내에 이벤트를 .. 공감수 37 댓글수 0 2022. 8. 5.
[Flutter] Bloc ③ - Bloc Widgets Bloc ① - 소개 https://dalgoodori.tistory.com/28 Bloc ② - Cubit 과 Bloc https://dalgoodori.tistory.com/29 Bloc ③ - Bloc Widgets Bloc ④ - context.read, context.watch, context.select https://dalgoodori.tistory.com/31 Bloc ⑤ - Bloc Test https://dalgoodori.tistory.com/32 1. BlocBuilder 화면에서 가장 많이 쓰이는 위젯입니다. BlocProvider 로 create 해준 Bloc 이 있다면 context.read 로 불러올 수 있습니다. create 해준 Bloc 이 없다면 bloc 을 받아 사용하.. 공감수 38 댓글수 0 2022. 8. 4.
[Flutter] Bloc ② - Cubit 과 Bloc Bloc ① - 소개 https://dalgoodori.tistory.com/28 Bloc ② - Cubit 과 Bloc Bloc ③ - Bloc Widgets https://dalgoodori.tistory.com/30 Bloc ④ - context.read, context.watch, context.select https://dalgoodori.tistory.com/31 Bloc ⑤ - Bloc Test https://dalgoodori.tistory.com/32 Cubit Cubit 은 Bloc 과 다르게 이벤트 기반이 아니라 정말 간단하게 상태를 관리할 수 있습니다. Provider 의 ChangeNotifier 와 비슷합니다. 생성 Cubit 을 상속받는 클래스를 만들어주면 됩니다. 초기값은 내.. 공감수 37 댓글수 0 2022. 8. 4.
[Flutter] Bloc ① - 소개 Bloc ① - 소개 Bloc ② - Cubit 과 Bloc https://dalgoodori.tistory.com/29 Bloc ③ - Bloc Widgets https://dalgoodori.tistory.com/30 Bloc ④ - context.read, context.watch, context.select https://dalgoodori.tistory.com/31 Bloc ⑤ - Bloc Test https://dalgoodori.tistory.com/32 Flutter에서는 UI 와 비즈니스 로직을 분리하기 위해서 많이 쓰이는 Bloc 에 대해서 포스팅 합니다. Provider 와 같이 관심사 분리를 위해 쓰이는 것은 동일하지만 Bloc 은 Provider 와 다르게 State와 Event를.. 공감수 36 댓글수 0 2022. 8. 3.
[Flutter] Provider 옛날 JSP, PHP 코드를 보면 UI 와 비즈니스 로직이 섞여 수천줄이나 되는 코드를 볼 수 있었습니다. 이런 코드는 가독성은 두말할 것도 없지만 코드를 작성한 사람도 시간이 지나면 알아보기 힘들 정도이기 때문에 유지보수에 굉장히 애를 먹습니다. 한사람이 처리하던 많은 일을 여러 사람과 분업을 하듯이 UI 와 비스니스 로직을 떼어놓는 관심사 분리 작업이 필요합니다. Flutter 에서는 Provider 로 관심사 분리를 할 수 있습니다. provider | Flutter Package A wrapper around InheritedWidget to make them easier to use and more reusable. pub.dev 앱을 처음 만들었을 때 기본으로 제공되는 카운팅 앱으로 예시로 했.. 공감수 35 댓글수 0 2022. 7. 27.
[Flutter] Hive Flutter Local DB 중에서는 Sqlflite, Drift 처럼 RDBMS 만 있는게 아닌 NoSql 도 존재합니다. Nosql 형태인 Hive 에 대해서 간단하게 포스팅 하려고 합니다. hive | Dart Package Lightweight and blazing fast key-value database written in pure Dart. Strongly encrypted using AES-256. pub.dev pubspec.yaml dependencies: hive: ^2.2.3 hive_flutter: ^1.1.0 dev_dependencies: build_runner: ^2.2.0 hive_generator: ^1.1.3 hive_todo.dart HiveObject 를 상속 후 .. 공감수 34 댓글수 0 2022. 7. 26.
[Flutter] Drift Flutter 에서 로컬 데이터베이스 패키지 중 하나인 Drift 에 대해서 포스팅합니다. Drift 는 Sqlflite 와 다르게 ORM 방식의 데이터베이스 입니다. ORM 은 Object Relational Mapping (객체-관계 매핑), 쉽게 말해서 객체와 관계형 데이터베이스의 데이터를 연결해주는 것을 말합니다. Android 의 Room , Spring 의 JPA, Node.js 의 Sequelize 등을 써보신 분은 익숙할 것입니다. drift | Dart Package Drift is a reactive library to store relational data in Dart and Flutter applications. pub.dev pubspec.yaml dependencies: dri.. 공감수 34 댓글수 0 2022. 7. 25.
[Flutter] Sqlflite Flutter 에서 로컬 데이터베이스 패키지 중 하나인 Sqlflite 에 대해서 포스팅합니다. 간단한 화면과 CRUD 를 구현해보려고 합니다. sqflite | Flutter Package Flutter plugin for SQLite, a self-contained, high-reliability, embedded, SQL database engine. pub.dev pubspec.yaml dependencies: sqflite: ^2.0.3 todo.dart 로컬DB 로 흔히 구현하는 Todo 로 만들어봤습니다. autoincrement 로 제약을 걸 예정인 id 는 nullable 로 두겠습니다. class Todo { String title; bool done; int? id; Todo({ re.. 공감수 35 댓글수 0 2022. 7. 24.
[Flutter] Freezed Freezed 는 data class 에서 필요한 기능들을 제공해주는 매우 유용한 라이브러리 입니다. freezed | Dart Package Code generation for immutable classes that has a simple syntax/API without compromising on the features. pub.dev pubspec.yaml dependencies: freezed_annotation: ^2.1.0 dev_dependencies: build_runner: ^2.2.0 freezed: ^2.1.0+1 json_serializable: ^6.3.1 Class 작성 import 'package:freezed_annotation/freezed_annotation.dart'.. 공감수 36 댓글수 0 2022. 7. 22.
[Flutter] TableCalendar ⑤ - 유용한 기능들 TableCalendar ① - 간단한 달력 구현 https://dalgoodori.tistory.com/14 TableCalendar ② - 달력 언어 설정 (locale) https://dalgoodori.tistory.com/15 TableCalendar ③ - 달력 꾸미기 (HeaderStyle) https://dalgoodori.tistory.com/16 TableCalendar ④ - 달력 꾸미기 (CalendarStyle) https://dalgoodori.tistory.com/17 TableCalendar ⑤ - 유용한 기능들 TableCalendar 는 여러 기능들이 있지만 사용자가 별도로 구현해놓지 않으면 깡통 달력과 다를바 없습니다. 이번에는 가장 많이 쓰이는 기능 3가지를 알아보려 .. 공감수 40 댓글수 0 2022. 7. 20.
[Flutter] TableCalendar ④ - 달력 꾸미기 (CalendarStyle) TableCalendar ① - 간단한 달력 구현 https://dalgoodori.tistory.com/14 TableCalendar ② - 달력 언어 설정 (locale) https://dalgoodori.tistory.com/15 TableCalendar ③ - 달력 꾸미기 (HeaderStyle) https://dalgoodori.tistory.com/16 TableCalendar ④ - 달력 꾸미기 (CalendarStyle) TableCalendar ⑤ - 유용한 기능들 https://dalgoodori.tistory.com/18 TableCalendar 에서 몸통 부분은 헤더 아래 부분이며 CalendarStyle을 통하여 꾸밀 수 있습니다. CalendarStyle 을 통해 꾸밀 수 있는 .. 공감수 40 댓글수 3 2022. 7. 18.
[Flutter] TableCalendar ③ - 달력 꾸미기 (HeaderStyle) TableCalendar ① - 간단한 달력 구현 https://dalgoodori.tistory.com/14 TableCalendar ② - 달력 언어 설정 (locale) https://dalgoodori.tistory.com/15 TableCalendar ③ - 달력 꾸미기 (HeaderStyle) TableCalendar ④ - 달력 꾸미기 (CalendarStyle) https://dalgoodori.tistory.com/17 TableCalendar ⑤ - 유용한 기능들 https://dalgoodori.tistory.com/18 TableCalendar 에서 헤더 부분은 아래 사진 빨간 네모 부분이며 HeaderStyle 을 통하여 꾸밀 수 있습니다. HeaderStyle() 에 들어갈 수 .. 공감수 35 댓글수 0 2022. 7. 16.
[Flutter] TableCalendar ② - 달력 언어 설정 (locale) TableCalendar ① - 간단한 달력 구현 https://dalgoodori.tistory.com/14 TableCalendar ② - 달력 언어 설정 (locale) TableCalendar ③ - 달력 꾸미기 (HeaderStyle) https://dalgoodori.tistory.com/16 TableCalendar ④ - 달력 꾸미기 (CalendarStyle) https://dalgoodori.tistory.com/17 TableCalendar ⑤ - 유용한 기능들 https://dalgoodori.tistory.com/18 이전 글에서 TableCalendar가 쉽게 달력을 띄워줄 수 있는 것을 알았고, 이번 글에서는 TableCalendar의 언어 설정에 대해서 알아보려고 합니다. 1.. 공감수 39 댓글수 0 2022. 7. 15.
[Flutter] TableCalendar ① - 간단한 달력 구현 TableCalendar ① - 간단한 달력 구현 TableCalendar ② - 달력 언어 설정 (locale) https://dalgoodori.tistory.com/15 TableCalendar ③ - 달력 꾸미기 (HeaderStyle) https://dalgoodori.tistory.com/16 TableCalendar ④ - 달력 꾸미기 (CalendarStyle) https://dalgoodori.tistory.com/17 TableCalendar ⑤ - 유용한 기능들 https://dalgoodori.tistory.com/18 Flutter에서는 Todo 기능에서 빠질 수 없는 달력을 쉽게 구현할 수 있는 방법이 있습니다. https://pub.dev/packages/table_calend.. 공감수 34 댓글수 0 2022. 7. 15.

728x90

반응형

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.