flutter 간단
-
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 | 간단 메모 앱 만들어보고 광고까지 달아서 배포하기 - 7. 간단 메모 앱 배포 간단하기 알아보기개발/Flutter 2023. 2. 17. 17:29
지난번 까지 완성한 앱으로 이제 앱을 배포해보도록 하겠습니다. 우선 출시 전에 확인해야할 항목들을 간단히 알아보겠습니다. 개인정보처리방침 작성 및 게시 스토어 등록정보 작성 앱 버전 업데이트 앱 정상 동작 여부 테스트 광고 설정 확인하기 개인정보처리방침 작성 및 게시는 최초 배포, 개정이 필요한 경우에만 준비를 하면 되지 나머지는 업데이트를 할때에도 매번 준비를 해줘야 합니다. 각 부분의 자세한 사항들은 검색을 통해 알아보시면 될 것 같습니다. 이제 안드로이드 앱을 만드는 법을 알아보겠습니다. 우선 앱 아이콘 변경을 해보겠습니다. 현재는 앱에 기본 플러터 로고가 들어가 있는데 앱을 출시하면 자신만의 로고를 써야 합니다. 이 앱 아이콘을 만들려면 다양한 해상도의 아이콘을 만들어야 하는데, App Icon ..
-
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..
-
Flutter | 간단 메모 앱 만들어보고 광고까지 달아서 배포하기 - 3. 메모 작성 화면 만들기개발/Flutter 2023. 2. 13. 23:18
이번에는 메모를 작성하는 화면을 만들어 보겠습니다. 새로운 화면이기때문에 새로운 dart 파일을 만들어 줍니다. note_edit_page.dart 파일을 만들어 주고 statefulWidget로 만들어 준뒤 클래스 명을 NoteEditPage로 지정해줍니다. material로 import해주시면 됩니다. Scaffold를 만들어 주신 후 appBar에 title을 Text로 노트 편집으로 작성해 줍니다. body는 Column으로 만드시고 mainAxisSize는 min으로 설정해 줍니다. 제목을 입력받기 위해서는 TextField라는 위젯을 사용합니다. TextField를 만들어 주신 후 테두리 선을 만들기 위해 decoration 속성에 InputDecoration을 사용해 줍니다. 그리고 그 안에..