Flutter & Firebase

DB 자료나 외부 API 자료 쿼리후 UI 반영시에 한번에 많은 자료를 쿼리하면 모바일폰 메모리 부담이 됩니다.그래서 FLUTTER 지원해주는 pagenation 기능을 활용하면 그효과를 좀 볼수 있습니다.쉽게 표현하자면 자료 수신후 스크롤바( ScrollController)를 움직이면 해당 조건에 따라 추가 데이타를 요청해서 (쿼리) 갖고 오는 방식입니다.. 방식은 약간의 차이가 있습니다. 로컬db,외부 db,외부 api 에 따라 약간의 차이가 있습니다. 이번에 로컬db 중심으로 보겠습니다. sqflite 사용했습니다.외부 패키지 임포트는 생략하겠습니다. 첫째>상태관리에 사용할 변수를 선언해줍니다.! int limit = 10; //한번에 불러올 라인수 int offset = 0 ; ..

flutter 2025. 9. 17. 16:08

flutter 개발에 사용된 (import) 패키지 라이센스 정리 방안입니다. dart_pubspec_licenses앱 출시전 임포트한 패키지 라이센스 정책에 따라 고지를 해야합니다.여러가지 방법이 있으나, 그나마 편리한 dart_pubspec_licenses 패키지를 이용하여 정리합니다. 1.우선 임포트합니다.dev_dependencies: flutter_test: sdk: flutter dart_pubspec_licenses: ^3.0.8위치 중요합니다. 상단에 dev_dependencies: 에 선언해줍니다. 2. 터미널 에서 flutter pub get....3. 터미널 에서 flutter pub run dart_pubspec_licenses:generate 그러면 프로젝트..

flutter 2025. 9. 10. 14:58

플러터 fultter 에서 FORM,TEXTEDITINGCONTROLLER, 폼 입력 데이타 검증 하는 방법입니다. 이런겁니다. 회원가입을 받은 화면이 있다고 가정합시다.여기서 회원 이메일, 비번, 이름 등을 입력 받을때 가입조건에 맞는 입력필드(TEXT,TEXTFORMFILED등..)를 체크해 주는 기능이라고 보시면 됩니다. 예) 비번설정시 최소 6자 이상, 숫자만 가능등.... 사용방법 1. 글로벌키선언 (scaffold 선언전 클래스 단에서.)GlobalKey formkey = GlobalKey(); 2.입력필드(TEXT,TEXTFORMFIELD등) 내에서 2-1. FORM () 위젯으로 감싼다. 2-2. 글로벌 키를 연결 Form( key:formkey, 2-3.입력필드 입력 조건..

flutter 2025. 9. 6. 14:18

그림 설명과 같이 전 페이지로 되돌아 가는 기능입니다.요때, flutter 에서 돌아가기전에 무엇가 알림 창 경고를 주거나 안내를 하거나등.. 상황이 발생할수있습니다. 이때 사용할수 있는 위젯이 있습니다.flutter 의 PopScope 위젯입니다. 구현 방법: 되돌아가기전 해당 페이지내에서 아래와 같이 구현해 줍니다. return PopScope( canPop: false, // 자동 pop 방지 onPopInvokedWithResult: (didPop, result) async { if (!didPop && mounted) { Navigator.pop(context, 'update'); } }, child: Scaffold( appBar: AppBar(..

flutter 2025. 9. 5. 15:04

dart if문을 보통 사용하면 if(조건) {} else{}.... 요런식으로 구현이 된다.이르 최대한 줄여서 구현할수 있다 이항식, 삼항식을 적절히 구현해주면 간단히 구현이 가능합니다. 아래 예제를 보겠습니다. String initialRoute; if (launchDetails?.didNotificationLaunchApp == true) { if (launchDetails!.notificationResponse?.payload != null) { initialRoute = launchDetails.notificationResponse!.payload!; } else { initialRoute = '/'; } } else { initialRoute = '/'; }..

dart기초 2025. 9. 4. 20:42

dart, map 데이타 타입의 update 함수 활용법 입니다.우선 map 대한 이해가 필요합니다.아래 페이지 참고해주세요... https://carecat.tistory.com/23 요렇게 생긴겁" data-og-host="carecat.tistory.com" data-og-source-url="https://carecat.tistory.com/23" data-og-url="https://carecat.tistory.com/23" data-og-image="https://blog.kakaocdn.net/dna/cJBJY4/hyZycT0hMw/AAAAAAAAAAAAAAAAAAAAAJDYKUJ4TWG6huXSWoCbihR3HRZOFjKliZc_9-3irs7A/img.png?credential=yqXZFxpELC7KVnFOS48ylbz2pIh7yKj8&expires=1764514799&allow_ip=&allow_referer=&signature=dl6vRA81gSW8U931mq%2FMUTsvIDE%3D

flutter 2025. 8. 17. 10:42

flutter 에서 proxyProvider 활용법입니다.우선 일반 provider 패키지에 대한 이해가 있어야 합니다. 간단히 정리하고 가겠습니다. 첫째, stateless 위젯에서 새로운 위젯 데이타 적용후 화면 갱신 용도로 활용( notifyListeners() 등록) 둘째, 클래스들 간에 공용으로 사용하는 함수나 변수를 특정 클래스에 한정지지 않고 , 사용을 하고자 할때 활용할수 있습니다. 변수,함수 변수,함수클래스 provider 클래스 구독 구독 변동이있으면 구독자?(변수등에) 알림을 주고 , 구독자는 화면을 갱신함.! => provider.of(context);구독기능 보다는 공유 변수, 함수등을 사..

flutter 2025. 8. 11. 22:51

우선, 비동기 함수라고 하는 것은?future , async 키워드를 사용하는 함수를 의미합니다.주로 활용하는 기능에는 데이타 베이스를 다루거나,네트웍에서 자료를 주고, 받을때 사용합니다...이곳에서 자료를 주고 받을때는 부득이한 사유로 지연및 끈어짐이 발생될수 있기 때문에 안정성을 위해 사용합니다. future 함수 앱네트웍에서 (json 데이타)/ 데이타 베이스그럼,비동기 함수를 stateless widget 에서 초기화(기능시작)하는 방법에 대해서 알아보겠습니다.가장 좋은 방법은 바로, statefulwidget 에서 사용하는 편이 가장 좋습니다.그 위치는 initState() 함수내에서 선언하는 것입니다. =========================..

flutter 2025. 8. 8. 11:55