개발노트

Flutter에 Firebase Functions 설치하기 1. Firebase 프로젝트에 function 기능을 활성화시켜줍니다. - Firebase에 Fuction 기능 추가하기: https://mroh1226.tistory.com/163 7.[Firebase] Function 기능 사용하기 Firebase Functions Firebase Functions은 Google의 Firebase 플랫폼에서 제공하는 서버리스 백엔드 서비스입니다. Firebase Functions은 클라우드 기반의 함수를 만들고 실행할 수 있는 도구로, 백엔드 코드를 작성 mroh1226.tistory.com 2. Flutter project에 cloud_functions 패키지 추가하기(터미널에 아래 명령어 입력하여 추가해..

이미지, 동영상, 텍스트 등 파일업로드를 하기 위해 Firebase의 Storage 기능을 사용합니다. Firebase Storage 소개 Firebase Storage는 사용자의 파일을 안전하게 저장하고 제공하기 위한 클라우드 저장소 서비스입니다. 주로 이미지, 비디오, 오디오, 문서 등과 같은 다양한 형식의 파일을 관리할 수 있습니다. Firebase Storage를 사용하면 서버 관리 없이 손쉽게 파일을 업로드하고 다운로드할 수 있습니다. Firebase Storage의 주요 기능 1. 보안 규칙 설정 Firebase Storage는 보안을 강화하기 위해 규칙 기반의 접근 제어를 제공합니다. 파일에 대한 읽기 및 쓰기 권한을 정의하여 불필요한 액세스를 방지할 수 있습니다. 2. 업로드 및 다운로드 ..

Firestore 클라우드 기반 NoSQL 데이터베이스 Firebase Firestore는 Google Cloud Platform(GCP)의 일부로 제공되는 NoSQL 데이터베이스 서비스로, 클라우드에서 데이터를 저장하고 동기화하는 강력하면서도 사용하기 쉬운 도구입니다. 1. NoSQL 데이터베이스의 유연성 Firestore는 NoSQL 데이터베이스로서 JSON 형식의 문서(document)를 사용합니다. 이것은 개발자들이 구조적인 제약에서 벗어나고 유연한 데이터 모델을 채택할 수 있게 해줍니다. 문서는 컬렉션(collection)에 저장되며, 필요에 따라 서브컬렉션을 구성할 수 있습니다. 2. 실시간 업데이트 Firestore는 실시간 데이터베이스로서, 데이터의 변경이 발생하면 연결된 모든 클라이언트에..

Firebase GitHub 소셜로그인 세팅하기 - Github 인증 세팅하는 방법: https://mroh1226.tistory.com/157 5. [Firebase] Authentication(깃허브 GitHub 계정) 로그인 인증 추가하기 Firebase 의 Authenication에 GitHub 로그인 인증을 추가해보겠습니다. 1. Firebase의 Authenication 탭에 들어가 Guthub를 클릭합니다. 2.사용설정을 체크해줍니다. 클라이언트 ID, 보안 비밀번호를 설정하기 위해 mroh1226.tistory.com 세팅이 끝났다면, 아래 소스로 Flutter와 연동이 가능합니다. Future signInWithGitHub() async { // Create a new provider G..

Flutter 앱에 Firebase Authentication 이메일/비밀번호 로그인 인증 추가하기 - 주요 기능들. User 생성하기 (이메일, 패스워드) Future createUserWithEmailAndPassword(String email, String password) User Sign-In 기능 (로그인) Future signInWithEmailAndPassword({required String email, required String password}) User Sign-Out 기능 (로그아웃) Future signOut() 위와 같이 크게 3가지 기능을 구현하고, MVVM 패턴에 적용할 수 있도록 예시를 작성해보겠습니다. 우선 아래 포스팅으로 Firebase를 연동하고, Authenica..

Riverpod Riverpod은 Flutter 애플리케이션에서 상태 관리를 위한 훌륭한 도구 중 하나입니다. 다양한 Provider 유형을 사용하여 효과적으로 상태를 관리할 수 있습니다. - Riverpod 링크: https://riverpod.dev/ko/ Riverpod 안전하게 Provider 읽기 Provider를 읽는 중 더 이상 bad state가 되지 않습니다. 만약 Provider를 읽기 위한 필요한 코드를 작성하면, 당신은 유효한 값을 얻을 수 있습니다. Provider는 비동기적으로 로드된 riverpod.dev Provider 종류 1. Provider: **Provider**는 가장 기본적인 상태를 제공하는 역할을 합니다. 여기서는 사용자 이름을 제공하는 Provider를 예시로 ..

MVVM 패턴 MVVM(Mode-View-ViewModel)은 소프트웨어 아키텍처 패턴 중 하나로, 주로 사용자 인터페이스를 구축하는 데 적합한 패턴입니다. Model: 데이터와 비즈니스 로직을 담당하는 부분. View: 사용자 인터페이스를 담당하는 부분. ViewModel: View와 Model 간의 중간자로, 상태 관리 및 비즈니스 로직을 처리. MVVM 패턴은 몇 가지 주요 장점이 있어 많은 개발자들이 선호하는데, 이를 자세히 설명해보겠습니다. 분리된 역할(Role Separation): MVVM은 각 구성 요소가 명확하게 분리되어 있습니다. Model은 데이터와 비즈니스 로직을 처리하고, View는 사용자 인터페이스를 담당하며, ViewModel은 View와 Model 간의 통신을 중개합니다. 이..

Provider Flutter Provider는 Flutter 애플리케이션에서 상태 관리를 용이하게 하기 위한 패키지 중 하나입니다. Provider 패키지는 의존성 주입 및 상태 관리를 위한 다양한 기능을 제공합니다. 주로 Flutter 애플리케이션에서 상태 관리를 효율적으로 처리하기 위해 사용됩니다. Provider 패키지의 주요 특징과 사용 방법은 다음과 같습니다: 의존성 주입(Dependency Injection): Provider는 의존성 주입을 위한 간편한 방법을 제공합니다. 애플리케이션 전체에서 상태를 공유하거나 특정 위젯 트리에서만 사용하는 등의 다양한 의존성 관리 방식을 제공합니다. 상태 관리: Provider를 사용하면 상태 관리가 간편해집니다. 애플리케이션에서 공유해야 하는 상태를 손..

ChangeNotifier, ValueNotifier 상태관리를 해주는 Class가 있다면 다른 화면에서도 서로 값을 공유할 수 있습니다. 이를 구현하기 위해 2가지 Notifier를 소개하겠습니다. 들어가기 전 회고. .NET MAUI의 MVVM패턴 개발에 사용되었던 Notify.cs 의 Notification 과 유사한 점이 많아 이해하기 수월했습니다. MAUI에서 처럼 매개변수로 받은 인자 값를 Get, Set 하며 값의 변경이 있었을 때, INotifyPropertyChanged에 알려주고 Property의 값을 변경하는 방식이 떠올랐습니다. - MAUI의 INotifyPropertyChanged 포스팅: https://mroh1226.tistory.com/6 4. [.NET MAUI] INoti..

앱 설정값을 각각의 화면에 제공해야할 경우가 있습니다. (앱의 음소거 상태 등...) InheritedWidget 를 main.dart 에서 최상위 위젯으로 두면 InheritedWidget 에서 정의한 데이터를 모든 화면에서 쉽게 사용할 수 있습니다. 하지만, InheritedWidget 의 한계점은 값을 제공할뿐, 값의 수정이 불가능하다는 점입니다. 이를 보완하는 방법은 StatefulWidget을 하나 만들어서 InheritedWidget 을 자식으로 설정합니다. 값의 수정하는 Function() 을 StatefulWidget에 만들어줍니다. 이 Function()을 InheritedWidget 에서 받을 수 있도록 InheritedWidget 의 reqired에 추가합니다. 전달된 Function..