개발노트

CurvedAnimation Curve 적용: **CurvedAnimation**은 애니메이션을 제어하는데 사용되는 Animation 객체와 **Curve**를 인자로 받습니다. **Curve**는 애니메이션의 진행을 제어하는데 사용되며, 일반적으로 Curves 클래스에서 제공되는 미리 정의된 커브를 사용합니다. 보간(Interpolation): **CurvedAnimation**은 주어진 **Curve**에 따라 애니메이션 값의 보간을 조절합니다. 예를 들어, **Curves.easeIn**을 사용하면 애니메이션은 천천히 시작하여 점차 속도를 증가시킵니다. 애니메이션 제어: **CurvedAnimation**은 **AnimationController**와 함께 사용하여 애니메이션을 제어합니다. 이를 통..

AnimatedBuilder AnimatedBuilder는 애니메이션을 지속적으로 업데이트하면서 UI를 리빌드할 때 사용됩니다. 이 위젯은 애니메이션의 값이 변경될 때마다 특정한 위젯을 다시 그려주기 때문에 애니메이션의 효과를 적용하는 데 매우 효율적입니다. 여기서 **AnimatedBuilder**의 주요 요소를 살펴보겠습니다: animation 매개변수:animation 매개변수는 Animation 객체를 받습니다. 이 Animation 객체는 주로 **AnimationController**를 통해 제어되는 애니메이션입니다. **AnimatedBuilder**는 이 애니메이션의 값이 변경될 때마다 자동으로 다시 빌드됩니다. builder 콜백 함수:builder 콜백 함수는 애니메이션 값이 변경될 때..

AnimatedContainer AnimatedContainer 를 사용하면 Container 의 애니메이션 효과를 쉽게 적용할 수 있습니다. "?" 연산자인 삼항조건 연산자를 사용하거난 if문 등 조건문을 이용하여 Container의 값을 조건별로 준다면, 자동으로 애니메이션 효과가 적용됩니다. transform: Matrix4.rotationZ(_visible ? 1 : 0), BorderRadius.all(Radius.circular(_visible ? 50 : 0))), color: _visible ? Colors.red : Colors.blue, 예시 소스 import 'package:flutter/material.dart'; class ImplicitAnimationScreen extends ..

Firebase는 어플리케이션의 Push 알림을 지원합니다. 이를 설정하기 위해 아래와 같이 순서대로 진행합니다. Firebase Cloud Messaging 패키지 설치하기 - FCM 설정 방법: https://firebase.google.com/docs/cloud-messaging/flutter/client?hl=ko#upload_your_apns_authentication_key Flutter에서 Firebase 클라우드 메시징 클라이언트 앱 설정 Google I/O 2023에서 Firebase의 주요 소식을 확인하세요. 자세히 알아보기 의견 보내기 Flutter에서 Firebase 클라우드 메시징 클라이언트 앱 설정 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐 firebase.google..

Firebase의 Cloud Functions에서 기본적으로 제공되는 ffmpeg 패키지는 동영상, 이미지, 오디오 처리를 도와주는 패키지로 각종 명령어를 통해 다양한 작업이 가능합니다. FFmpeg이란? FFmpeg: FFmpeg은 무료 오픈 소스 소프트웨어 패키지로, 오디오와 비디오 데이터의 녹화, 변환, 편집, 스트리밍 등 다양한 멀티미디어 작업을 수행하는 데 사용되는 강력한 도구입니다. 주요 기능 다양한 형식 지원: 오디오와 비디오의 다양한 코덱과 형식을 지원하여 사용자가 쉽게 변환하거나 편집할 수 있습니다. 코덱 및 필터: 다양한 코덱을 활용하여 미디어를 인코딩하고 디코딩할 수 있습니다. 필터를 사용하여 화질 조절, 자막 추가 등 다양한 조작이 가능합니다. 라이브 스트리밍: 다양한 프로토콜을 지..

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 패키지 추가하기(터미널에 아래 명령어 입력하여 추가해..

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..

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..