개발노트

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

출처: https://docs.flutter.dev/ Flutter documentation Get started with Flutter. Widgets, examples, updates, and API docs to help you write your first Flutter app. docs.flutter.dev

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

Provider 를 사용하는 환경에서 Notifier에 특정 값이 필요하다면, FamilyAsyncNotifier와 Provider.family를 사용하여, Parameter 값을 받아올 수 있습니다. 즉, Provier에 값을 넘겨 주고 싶을 때 .family를 사용하면됩니다. 값 받아오는 문서 소스(Provider 쪽) class VideoPostViewModel extends FamilyAsyncNotifier { late final VideosRepository _repository; late final _videoId; @override FutureOr build(String videoId) { _videoId = videoId; _repository = ref.read(videosRepo); ..

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

문제발생 VSCode 사용 중 터미널(Terminal)로 Firebase init 명령어가 전달되지않는 문제가 발생하였다. 이뿐만아니라 터미널로 npm을 접근하지못하였기에 nodejs를 따로 켜서 작업해야하는 번거로움이 있어 해결방법을 찾게되었다. 오류발생 firebase : C:\Users\GYU\AppData\Roaming\npm\firebase.ps1 파일을 로드할 수 없습니다. C:\Users\GYU\AppData\Roaming\npm\firebase.ps1 파일이 디지털 서명되지 않았습니다. 현재 시스템에서 이 스크립트를 실행할 수 없습니다. 스크립트 실행 및 실행 정책 설정에 대한 자세한 내용은 about_ Execution_Policies(https://go.microsoft.com/fwli..

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

context를 소스에 사용할 때면 Don't use BuildContext's across async gaps 라고 경고가 뜬다. 경고가 발생하는 원인: - BuildContext context 를 사용자 정의 Class에 직접 저장할 경우, Widget이 mount 되었는지 확실하지 않으며, async 뒤에 mount 되지않은 context를 사용하면 그 안에 값이 들어있지 않을 수 있기 때문이다. 해결방법: - context 사용 전에 mount가 되었는지 아래와 같이 조건문을 걸어준다. State를 사용하는 Widget일 경우 (StatefulWidget 등...) if(!mounted) return; State를 사용하지 않는 Widget일 경우(ConsumerWidget 등...) if (co..