Flutter 소소한 팁
·
Dart와 Flutter
24년 11월을 기준으로 작성되었습니다.   1. APK 파일 만들기flutter build apk --release --target-platform=android-arm64flutter build apk --debug --target-platform=android-arm64 fvm을 사용하면, 가장 앞에 fvm만 붙이면 된다. release :  디버깅 및 런타임 오류 보고 기능 비활성화, 앱 사이즈가 작다.debug : 디버깅 및 런타임 오류 보고 기능 활성화, 앱 사이즈가 크다. 본인의 상황에 따라 선택해서 빌드하자! 명령어를 실행하면 파일이 저장된 경로가 보여진다.
강의 내용 정리 - [Flutter로 메신저 앱 만들기]
·
Dart와 Flutter
24년 10월을 기준으로 작성되었습니다.   1. [섹션 8_로딩 화면] GlobalLoaderOverlay 위젯 사용 중 수정사항 return GlobalLoaderOverlay( overlayWidgetBuilder: null, // useDefaultLoaing: false 대체 child: MaterialApp.router( // navigatorKey: App.navigatorKey, // GoRouter를 사용하면 이 부분을 삭제하고, GoRouter 정의부 key 파라미터에 넣는다 debugShowCheckedModeBanner: false, localizationsDelegates: context.localizationDelegates, su..
Provider와 Riverpod
·
Dart와 Flutter
24년 10월을 기준으로 작성된 글입니다.   Riverpod 상태관리 패키지는 기존 Provider 패키지의 단점을 보완하고 더 강력하고 유연한 상태 관리 솔루션을 제공하기 위해 동일한 개발자인 Rémi Rousselet에 의해 개발되었다. 1. BuildContext에 의존하지 않는 설계기존 Provider 패키지의 한계점Provider는 위젯 트리에 접근하기 위해 BuildContext를 사용한다. 이는 위젯 트리 외부에서 상태에 접근하거나, 비동기 코드에서 상태를 사용하고자 할 때 제약이 발생한다.위젯 재구성 과정에서 BuildContext의 유효성이 변경될 수 있어, 예상치 못한 에러가 발생할 수 있다.Riverpod 패키지의 개선점Riverpod는 BuildContext에 의존하지 않는다. 상..
내용 정리 Part. 2
·
Dart와 Flutter/15개 프로젝트
24년 7월을 기준으로 작성되었습니다.   1. 모바일 앱 클린 아키텍처  2. Testing (테스트)모바일 앱 개발에서, 꼼꼼한 테스트는 고품질 앱을 만드는 필수적인 과정이다. 다행히 Flutter, React Native, Swift UI 등 최신 모바일 개발 프레임워크들은 테스트 코드 작성을 위한 다양한 도구와 기능을 제공한다. Testing은 크게 3종류로 분류할 수 있다. Unit Test, Widget Test, Integration Test의 개념을 간단히 알아보자.1. Unit Test : 가장 작은 단위의 코드를 검증애플리케이션에서 가장 작은 단위인 함수, 메서드, 클래스 등의 코드 조각이 예상대로 동작하는지 검증하는 테스트이다.외부 시스템이나 의존성과는 철저히 분리된 상태에서 로직 자..
Flutter 개발 중 발생할 수 있는 에러 정리
·
Dart와 Flutter
24년 6월을 기준으로 작성되었습니다.   1. ext.kotlin_version 에러 (안드로이드에서만 발생)플러터 버전 혹은 플러터에서 사용하는 버전과 Kotlin 버전이 호환되지 않을 때, 흔히 아래와 같은 에러를 볼 수 있다. 에러를 해결하기 위해서는, 프로젝트의 android/build.gradle (프로젝트 gradle 파일)에서 ext.kotlin_version이 적혀 있는 코드를 최신 버전으로 업데이트 해주면 된다. ※ Kotlin 버전 정보https://kotlinlang.org/docs/releases.html#release-details Kotlin releases | Kotlin kotlinlang.org  2. Multidex error (안드로이드에서만 발생)안드로이드에서 앱 개..
내용 정리 Part.1
·
Dart와 Flutter/15개 프로젝트
24년 6월을 기준으로 작성되었습니다.   1. go_router 패키지Flutter에서 페이지 간 이동을 간단하고, 더 정교하게 하기 위해서 사용하는 외부 패키지이다.https://pub.dev/packages/go_router go_router | Flutter packageA declarative router for Flutter based on Navigation 2 supporting deep linking, data-driven routes and morepub.dev 간단한 예제 코드이다. 자세한 go_router 사용법은 추가 학습이 필요하다.▶️ main.dartimport 'package:flutter/cupertino.dart';import 'package:flutter/materia..
내용 정리 Part. 2 - [코드팩토리의 플러터 프로그래밍]
·
Dart와 Flutter/도서 내용 정리
24년 6월을 기준으로 작성되었습니다.   1. [13장] 영상 통화 : WebRTC, 내비게이션, 아고라 API1-1. camera 패키지camera 패키지를 사용하면, 카메라 기능을 활용할 수 있다.이 장에서는 아고라 패키지를 사용하지만, 플러터 공식 패키지인 camera 패키지를 사용하는 법을 배우자. import 'package:flutter/material.dart';import 'package:camera/camera.dart';late List _cameras;Future main() async { // Flutter 앱이 실행될 준비가 됐는지 확인 WidgetsFlutterBinding.ensureInitialized(); // 핸드폰에 있는 카메라들을 가져온다 _cameras = ..
[코드팩토리의 플러터 프로그래밍] - 위젯 정리
·
Dart와 Flutter/Flutter 위젯 정리
24년 6월을 기준으로 작성되었습니다. 0. 기본 위젯 알아보기※ Flutter는 RichText 위젯과 Paragraph와 같은 클래스도 제공한다.https://docs.flutter.dev/ui/widgets/text Text widgetsA catalog of Flutter's widgets for displaying and styling text.docs.flutter.dev 1. IconButton / TextButton 위젯Flutter에서는 글리프(glyph) 기반의 아이콘을 사용할 수 있다.기본으로 제공되는 아이콘 목록은 아래 링크에서 확인할 수 있다.https://fonts.google.com/icons Material Symbols and Icons - Google FontsMateri..