-
Flutter | 플러터 상태관리 패키지 사용해보기 - bloc - 4. bloc 과 cubit 사용방법개발/Flutter 2023. 2. 24. 22:02
이번에는 bloc와 cubit의 구조에 대해서 알아보겠습니다. 그리고 간단한 예제를 만들어 보겠습니다.그리 많은 분들이 사용하는 GetX와 간단 비교해보겠습니다. 1. GetX 동작 GetX는 presentation 영역과 비지니스 로직 영역으로 나뉘어서 관리됩니다. 일반변수와 상태변수가 있고 이벤트 함수가 있습니다. 이벤트함수는 환면에서 직접 호출을 해서 비지니스 로직을 통해 변수나 클래스를 처리하는 방식입니다. GetX는 상태를 여러가지를 Controller에 넣어서 관리를 합니다. 한가지 Controller에서 2가지 변수와 이벤트를 각각 따로 이용하도록 2가지를 같이 사용할 수도 있고, 2가지를 나눠서 연관이 있는 부분끼리 묶어서 2가지의 Controller로 나눠서 사용할 수도 있습니다. 2. ..
-
Flutter | 플러터 상태관리 패키지 사용해보기 - bloc - 3. 알아두면 좋은 위젯개발/Flutter 2023. 2. 23. 16:35
지난번에는 Bloc에서 필수로 알아둬야 할 위젯을 알아봤습니다. 이번에는 알아두면 좋은 위젯들인 BlocSelector, BlocListener, MultiBlocListener, BlocConsumer에 대해서 알아보겠습니다. 1. BlocSelector bloc에 등록된 상태들중에 필요한 부분만 선택해서 화면을 갱신해주는 위젯입니다. 3가지 generic을 BlocSelector의 형태로 사용합니다. 1번에는 bloc이나 cubit이 사용하는 부분이고, 2번은 상태값을 등록해주는 부분입니다. 3번째는 반환 타입을 지정해 줍니다. 그리고 옵션으로 selector을 필수로 사용해야 하고, 3번째로 사용한 타입으로 지정해 줘야 합니다. 그리고 지금 코드에서 설명하자면 changeState가 변경되면 bui..
-
Flutter | 플러터 상태관리 패키지 사용해보기 - bloc - 2. bloc 핵심 위젯 살펴보기개발/Flutter 2023. 2. 22. 17:27
이번에는 개발하는남자님의 유튜브를 보고 참고하여 bloc을 직접 다뤄보겠습니다. BlocBuilder, BlocSelector, BlocProvider, MultiBlocProvider, BlocListener, MultiBlocListener, BlocConsumer, RepositoryProvider, MultiRepositoryProvider 가 있는데 이 중에 중요한 부분들인 BlocBuilder, BlocProvider, MultiBlocProvider, RepositoryProvider, MultiRepositoryProvider 를 먼저 알아보겠습니다. 1. BlocProvider 첫번째로 blocprovider입니다. bloc이나 cubit을 사용하기 위해서는 context에 등록을 해줘야..
-
Flutter | 플러터 상태관리 패키지 사용해보기 - bloc - 1. 리스트 목록에서 좋아하는 목록 만들기(저장 및 삭제)개발/Flutter 2023. 2. 21. 01:42
플러터를 사용하다 보면 여러 페이지들의 데이터가 동기화가 필요하고 지금 페이지에서 처리한 데이터가 다른페이지에 적용이 되어야 할때가 있습니다. 이럴때 사용하는게 상태관리입니다. 현재 플러터에는 주로 4가지 상태관리 패키지를 사용합니다. 현재 사용자들에게서 논란이 많은 GetX, 많은 분들이 사용하는 Provider, Provider 개발자가 만든 신흥 강자 revierpod, 그리고 중대형 프로젝트에서 주로 쓰이지만 다른것들에 비해 조금 어려운 bloc까지, 이 4가지가 많이 사용되는데요. 다른것들은 주로 사용해 봤지만 bloc는 사용해보지 않아서 한번 해보고자 합니다. 많은분들이 1가지만 배워도 할 수있나, 아니면 다른것들도 배워야 하나 싶으실텐데 저는 지금 급한거라면 다른걸 배우기보다 지금 사용하는걸..
-
Flutter | 간단 메모 앱 만들어보고 광고까지 달아서 배포하기 - 7. 간단 메모 앱 배포 간단하기 알아보기개발/Flutter 2023. 2. 17. 17:29
지난번 까지 완성한 앱으로 이제 앱을 배포해보도록 하겠습니다. 우선 출시 전에 확인해야할 항목들을 간단히 알아보겠습니다. 개인정보처리방침 작성 및 게시 스토어 등록정보 작성 앱 버전 업데이트 앱 정상 동작 여부 테스트 광고 설정 확인하기 개인정보처리방침 작성 및 게시는 최초 배포, 개정이 필요한 경우에만 준비를 하면 되지 나머지는 업데이트를 할때에도 매번 준비를 해줘야 합니다. 각 부분의 자세한 사항들은 검색을 통해 알아보시면 될 것 같습니다. 이제 안드로이드 앱을 만드는 법을 알아보겠습니다. 우선 앱 아이콘 변경을 해보겠습니다. 현재는 앱에 기본 플러터 로고가 들어가 있는데 앱을 출시하면 자신만의 로고를 써야 합니다. 이 앱 아이콘을 만들려면 다양한 해상도의 아이콘을 만들어야 하는데, App Icon ..
-
Flutter | 간단 메모 앱 만들어보고 광고까지 달아서 배포하기 - 6. 메모 앱에 앱 광고 애드 몹 (Ad Mob) 달아보기개발/Flutter 2023. 2. 16. 20:07
이제 메모 앱은 다 만들었습니다. 하지만 이 앱으로 광고를 달아서 돈을 벌 수 있도록 만들어 보겠습니다. 하지만 광고를 게재할때 가이드라인은 꼭 지켜주셔야 합니다. 또한 광고들에는 어떤 형태의 광고들이 있는지 확인해 보시고 내 앱에 맞는 광고를 선택하시면 보기에도 좋고 나에게 이득이 될 수 있습니다. 우선 애드몹 계정을 만들어 주시면 됩니다. 애드몹 계정을 만드시면 구글 애드센스 구글 애즈의 계정이 함께 생성됩니다. 애드센스는 웹페이지에 광고를 게재할때 사용합니다. admob.com 으로 이동하신 후 가입을 하시면 됩니다. 국가는 대한민국으로 해주시면 됩니다. 시간대는 서울을 선택해 주시고 결제 통화는 특별한 경우가 아니면 원 을 선택해 주시면 됩니다. 이제 광고 단위를 만들어 볼텐데 광고 단위를 만들려..
-
Flutter | 간단 메모 앱 만들어보고 광고까지 달아서 배포하기 - 5. 메모를 데이터 베이스에 저장하기개발/Flutter 2023. 2. 15. 19:08
지금까지 메모 앱의 메인 목록 화면과 작성, 수정 화면, 삭제기능까지 메모 앱의 기능과 화면을 다 완성했습니다. 하지만 메모 앱을 재 실행하면 초기화가 되고 실행 중일때만 저장 되는 문제가 남아있습니다. 이를 위해 여러 방법중 스마트폰의 내부 데이터베이스에 저장을 해서 실행 시 초기화가 되지 않고 저장된 목록을 볼 수 있도록 해보겠습니다. 우선 데이터베이스란 공유해서 사용할 목적으로 체계화해서 통합 관리하는 데이터 집합니다. 쉽게 말해서 대부분의 전산 시스템에서 사용하고 있습니다. 요즘엔 앱에서도 쉽게 볼 수 있습니다. 종류는 sql과 nosql이 있습니다. 여기서는 sql로 만들겠습니다. sql은 관계형 데이터 베이스로 쉽게 생각해서 엑셀이라 생각하시면 좋을것같습니다. 여기서는 sqflite라는 패키지..
-
Flutter | 간단 메모 앱 만들어보고 광고까지 달아서 배포하기 - 4. 목록 화면과 메모 작성 화면 연결하기개발/Flutter 2023. 2. 14. 18:28
메모 작성 화면까지 만들어 봤는데 이번에는 메인 목록 화면을 home에 띄워주고 floating action button을 누르면 메모작성화면이 나오도록 연결해 보겠습니다. 또한 작성된 노트를 삭제하거나 편집이 가능하도록 해보겠습니다. 여기서 사용할 방법은 각화면에 이름을 붙이고 이 이름을 사용해서 원하는 화면으로 이동하는 방법입니다. 각화면에 이름을 붙여보겠습니다. note_list_page에서 상의 NoteListPage의 class 안에 routeName이라는 상수를 만들어 줍니다. 기본페이지이기 때문에 /만 있게 해주시면 됩니다. static const routeName = '/'; 다음은 note_edit_page에 이름을 edit으로 지정해 주시면 됩니다. static const routeNa..