반응형
SMALL

Flutter 10

Bloc (3) - Cubit과 Bloc 코드로 이해하기

Cubit class Cubit extends BlocBase class CounterCubit extends Cubit { CounterCubit(int initialState) : super(initialState); } - Cubit은 BlocBase를 상속합니다. - Cubit 내부의 클래스로 관리할 상태 유형을 지정합니다. - 위와 같이 코드를 작성할 경우 다양한 초기 상태로 인스턴스화 할 수 있습니다. class CounterCubit extends Cubit { CounterCubit() : super(0); void increment() => emit(state + 1); } - state는 처음에 지정한 상태 유형의 값입니다. - emit을 통해 상태를 변환합니다. - emit은 Cubi..

Flutter/Bloc 2024.01.31

Flutter Image Push Notification 설정 및 오류 정리

이 포스팅을 따라하기 전엔 FCM 및 APNS 설정이 선행되어야 합니다. Push Notification에서 이미지와 같이 보내기 위해선 FCM API Payload에 image 데이터가 필요합니다. 안드로이드에서는 바로 작동하지만 IOS에서는 따로 설정을 해줘야 합니다. Image Push Notification을 설정하는 글이 잘 설명되어 있었지만 글을 따라하면서 생긴 오류들을 어떻게 해결했는지 적어보겠습니다. Image Push Notification(Advanced) in Flutter using Firebase(IOS & Android) I love Flutter as much as anything because it makes our life easier in many ways. But it ..

Flutter 2024.01.24

Bloc (2) - Cubit과 Bloc의 개념

Bloc을 이해하기 위해 Stream의 작동방식을 아는 것이 중요합니다. 간단한 비유를 들자면 물이 흐르는 파이프는 Stream이고 파이프 안에 흐르는 물은 비동기 데이터라고 말할 수 있을 것 같습니다. 순차적으로 값이 들어오는 일종의 For문 같은 느낌입니다. 아래 간단한 코드를 보겠습니다. Stream countStream(int max) async* { for (int i = 0; i < max; i++) { yield i; } } Future sumStream(Stream stream) async { int sum = 0; await for (int value in stream) { sum += value; } return sum; } void main() async { /// Initialize..

Flutter/Bloc 2024.01.23

Bloc (1) - Bloc 이란

Flutter의 상태 관리 라이브러리 중 Bloc에 대해서 알아보겠습니다. Bloc 공식 문서에 의하면 Bloc은 "간단하고, 가볍고, 높은 테스트 성능을 가진 상태 관리 라이브러리" 라고 소개하고 있습니다. 공식 문서 개요에도 나와있지만 Bloc은 Business Logic Component의 약자로 비즈니스 로직과 프레젠테이션(화면 구현) 코드를 철저히 구분하려는 느낌이 강한 라이브러리입니다. 2주 정도 사용해본 결과, GetX에 비해서 확실히 비즈니스 로직과 프레젠테이션이 철저히 구분되어 개발을 진행하는 느낌을 받았습니다. 비즈니스 로직을 구현할 때에도 Event와 State를 통해 모든 상황과 이벤트들을 사전에 기획하고 구현할 수 있다는 완전성과 다른 라이브러리의 의존이 높지가 않아서 Naviga..

Flutter/Bloc 2024.01.21

Bloc (0) - Bloc 배워보기

오랜만에 글을 다시 쓰려 왔습니다. Flutter의 상태 관리의 종류에는 StateFul ValueListenable Getx Provider Bloc Cubit Riverpod Mobx 상태 관리 패키지를 사용하지 않는 것까지 포함해서 이렇게 8개 정도가 있습니다. 저는 Getx를 계속해서 사용해왔는데 이번에 새롭게 리뉴얼할 프로젝트에 새로운 상태관리를 도입하여 관리 및 유지보수를 좀 더 용이하게 하려는 목적으로 공부하려 합니다. 사실 Getx에 대한 좋지 않은 평가가 마음에 걸려서 바꾸는 이유도 없지 않아 있습니다. " 개발하는 남자" 님의 블로그 글을 빌려 단점을 말해보자면 다음과 같습니다. ㉮ Document가 불편하고... 이슈도 많고 대응도 느리고... 상태관리 이외에도 많은 부분을 차지하고 ..

Flutter/Bloc 2024.01.09

Flutter Upgrader package 사용해보기 - 3

https://pub.dev/packages/upgrader Upgrader Package 총 정리 시간입니다. upgrader | Flutter Package Flutter package for prompting users to upgrade when there is a newer version of the app in the store. pub.dev 1. appcast.xml 파일을 깃허브에 업로드 Hanoi v4.0.0 업데이트가 되었습니다! Fri, 21 Oct 2022 12:00:00 +0000 v4.0.0 업데이트가 되었습니다! Tue, 13 Oct 2022 12:00:00 +0000 2. 앱 시작 후 가장 처음 페이지에 UpgraderAlert로 감싸고 upgrader 설정하기 3. Upg..

Flutter Upgrader package 사용해보기 - 2

appcast.xml을 github를 올리셨으면 이제 코드를 수정하시면 됩니다!!. https://pub.dev/packages/upgrader Upgrader Package를 추가해주세요! upgrader | Flutter Package Flutter package for prompting users to upgrade when there is a newer version of the app in the store. pub.dev 그 다음에는 앱을 시작할 때 실행되는 첫번째 페이지에 UpgraderAlert로 감싸주시면 됩니다! UpgraderAlert에는 upgrader라는 인자가 필요하게 되는데요. Scaffold( backgroundColor: Colors.white, body: UpgradeAl..

Flutter Upgrader package 사용해보기 - 1

오늘 소개할 package는 Upgrader입니다! https://pub.dev/packages/upgrader upgrader | Flutter Package Flutter package for prompting users to upgrade when there is a newer version of the app in the store. pub.dev 앱을 업데이트 했을 때 사용자들에게 새로운 기능들을 바로 보여주려 할 때 사용하는 기능입니다. 앱의 유지/보수 측면에서 무조건 필요한 기능이죠. Upgrader 패키지는 쉽게 말해서 앱의 버전 정보를 서버에 저장해 놓았다가 앱을 시작할 때 저장되있는 정보를 불러와 설치되어있는 기존의 앱의 정보와 비교하여 작동이 되는 원리입니다! 그렇기 때문에 앱의 정보..

Flutter[Android] Google Play Game 연동하기

Flutter로 Google Play game을 연동하기 위해서 고군분투했던 경험이 있습니다... 처음 Play Game과 연동하기 위해서 엄청 노력했지만 안 돼서 정말 시간만 날리고 정신이 가출했었죠... 시간이 지나고 문서를 자세히 읽어보니 방법을 찾을 수 있었습니다. 우선 Play Game과 연동하게 되면 몇가지 혜택이 있습니다! 업적 및 리더보드 기능 제공 데이터베이스 제공 https://developers.google.com/games/services?hl=ko Play 게임 서비스 | Google Developers 모바일 게임과 웹 게임을 사용할 플레이어를 찾고 유지하며 서로를 연결합니다. developers.google.com 게임과 관련하여 구글이 이렇게 지원을 해줍니다!!! 하여튼 Fl..

LIST