Flutter & Firebase

flutter 모델화하여 구현하기 입니다.보통 소프트웨어 공학에서 MVC (Model View Controller) 이라고 합니다. 왜 할까요?데이타 객체의 구조(변수는 어떤타입이며, 선언된 변수를 갖고)와 동작(함수는 선언된 변수를 갖고어떻게 동작)을 정의해서 사용하면 재사용성과 관리가 편리해 집니다.~만약 모델화 하지 않는다면 매번 데이타 가공시 데이타 타입과 동작등을 반복적으로 코딩해야 합니다.. flutter 에서는 주로 외부자료 통신(json 데이타 다룰때, database 자료 다룰때) 활용합니다.. [흐름도]Model(데이타 타입,동작선언) Controller(앱화면에 보여지기전) View(앱화면) [JSON / DB 데이타..] ..

flutter 2025. 7. 14. 22:48

Tab view 위젯을 fluuter 에 적용해 보겠습니다.우선 아래 화면을 보시기 바랍니다. 보셨나요?요렇게, 특정 탭을 터치할때마다 화면이 바뀌는 걸 TabView 라고 보시면 될듯합니다.상단 아이콘을 터치할때 마다 한글 문구가 변동되고 있습니다. (전체 화면으로 보시는 편이 좋을듯합니다~) 왜필요할까요? 보통 플러터(flutter)에서 화면을 이동할때는 Navigator 를 이용해 이동하기도 하지만, (이때는 스택구조로 한 화면에 쌓는 방식으로)이동이 됩니다.하지만 이 tabview 사용하면 body 는 하나로 구성하면서 여러개의 내용을 보여줄수 있습니다.어떻게 사용하는지 구조를 살펴보겠습니다. [main.dart 에 사용할 컨트롤러를 지정해 줍니다.=> 아래 DefaultTabControlle..

flutter 2025. 7. 14. 20:18

잘 아시겠지만, Povider란 사전적 의미로는 공급자라는 뜻입니다. Provider (정확히는 Provider 패키지) 잘 활용하면 단계별로 구성되었있는 위젯 구성에서 손쉽게 지정된 변수함수에 접근이 가능합니다. 더불어 setState() 기능을 대신할수 있습니다.*staful 위젯에서 화면 새로고침(갱신)기능을 해주는 함수입니다. Flutter는 각각의 위젯 단계(트리구조)로 구성되어 있습니다.안드로이드 스튜디오의 기능중 Flutter instpector 기능이 있는데요. 여길 보면 현재 개발중인 앱의 위젯 구성단계(트리구조)를확인가능합니다. 뭐, 쉽게 말씀드리자면 Provider 는 서로 접근이 가능한 지름길을 제공한다고 보면 좋을듯 싶습니다.~어떻게 사용하나요? 1.Provider 용 flutt..

flutter 2025. 7. 12. 15:18

1.무엇인가? cluod function 을 활용하여 백엔드 코드를 실행할수 있다. 2.사용절차 import 'cloud_functions' 초기화 인스턴스 생성 httpsCallabe 사용시 => 함수이름을 인자값으로 전송하고/ 이후에 데이타와 호출가능한 객체를 리턴함.import 'package:cloud_functions/cloud_functions.dart'; Future callFunc() async { try { HttpsCallable callable = FirebaseFunctions.instance.httpsCallable('함수명'); final results = await callable.call({'param1': 'value1',..

flutter 2025. 6. 28. 12:58

1.무엇일까요? 중복없는 요소들의 집합을 저장하는 컬렉션 / 일반적으로 리스트는 [] 로 표현되다 set은 {} 표현됨. 2.어떻게 다룰까요? 2-1.생성 Set numbers = {}; Set numbers = {'superman','batman'}; 2-2.요소추가 / 중복된 값은 추가되지 않음. add() 메소드 numbers.add('ant man'); 2-3. 요소제거. remove() 지정된 요소 제거 => numbers('batman'); clear() 모든요소제거 2-4.요소 존재여부 확인 contains() => numbers.contains('haulk'); 없으므로 false ..

flutter 2025. 6. 26. 14:08

1.무엇일까? entry point @pragma('vm:entry-point') 다트 프로그래밍 언어에서 사용함 런타임 환경에서 진입점을 지정하는데 사용 2. 구체적으로.. 보통은 main() 초기 진입 시작점이다. 이를 변경하고 싶을때 entry point @pragma('vm:entry-point') 사용하는 키워드라고 생 각하면됨. 3.예시 import 'package:flutter/material.dart';@pragma('vm:entry-point')void strtHere() { //==>진입점이 여기가 된다!! act1(); runApp(MyApp());}void act1(){}void main() { //=> 실행되지 않는다.! runApp(cons..

flutter 2025. 6. 26. 11:49