꿈꾸는 시스템 디자이너

Obx를 통해 위젯의 상태값을 추적할 때, 기본적으로 단일 위젯의 상태값을 바라보게 된다. 무슨 말이냐면, ListView 위젯의 경우 children을 Obx를 래핑할 수 없다는 뜻이다. 우선 ListView의 children에 들어갈 데이터 리스트는 다음과 같이 추가하고 UI에 반영할 수 있다. historyList.value.addAll( _payload.dataList.map((data) => History.fromJson(data)).toList()); ac.historyList.refresh(); ListView의 경우 일반적인 방식으로 children을 Obx로 래핑할 수 없으며, 아래와 같이 ListView.builder를 이용하면서 이를 Obx로 래핑해야 한다. class HistoryL..

GetX란 Flutter앱의 상태관리에 사용되는 패키지로 Provider와 유사한 기능을 제공한다. Provider에 비해 보다 가벼우며 더 강력하다고 하는데 기존의 Provider 대비 보다 다양한 기능을 제공하고 있다. 그래서 복잡하기도 하다. https://pub.dev/packages/get get | Flutter Package Open screens/snackbars/dialogs without context, manage states and inject dependencies easily with GetX. pub.dev 여튼, GetX에서는 상태관리를 위해 GetxController를 상속하는 Controller 클래스를 만들고 그 클래스 안에 상태관리하고자 하는 변수나 인스턴스들을 배치해..

시리얼 통신에서는 한글 데이터를 송수신 할 수 없다. 시리얼 통신에서는 문자당 1바이트를 할당하는 아스키방식이 사용되는데 한글은 문자당 2바이트를 사용하기 때문에 아스키코드 방식을 이용할 수 없기 때문이다. 몇가지 해결방식이 있지만, Flutter 앱과 Arduino간에 한글 데이터의 교환이 필요한 경우에는 utf-8과 base64 인코딩/디코딩 방식을 이용하면 해결할 수 있다. Flutter에서 한글이 포함된 String을 인코딩/디코딩하는 방법은 다음과 같다. import 'dart:convert'; // 인코딩 String korean = base64.encode(utf8.encode("한글데이터")); // 디코딩 utf8.decode(base64.decode(korean)); 인코딩한 문자열을 ..

Flutter Code Examples 강좌를 추천합니다. 제 블로그에서 Flutter Code Examples 프로젝트를 시작합니다. Flutter의 다양한 예제를 소스코드와 실행화면으로 제공합니다. 또한 모든 예제는 Flutter Code Examples 앱을 통해 테스트 가능합니다. Flutter Code Examples 강좌로 메뉴로 이동 Flutter Code Examples 강좌 목록 페이지로 이동 Flutter Code Examples 앱 설치 | Google Play Store로 이동 Flutter Code Examples - Google Play 앱 Are you a beginner at Flutter? Check out the various features of Flutter throu..

Flutter Code Examples 강좌를 추천합니다. 제 블로그에서 Flutter Code Examples 프로젝트를 시작합니다. Flutter의 다양한 예제를 소스코드와 실행화면으로 제공합니다. 또한 모든 예제는 Flutter Code Examples 앱을 통해 테스트 가능합니다. Flutter Code Examples 강좌로 메뉴로 이동 Flutter Code Examples 강좌 목록 페이지로 이동 Flutter Code Examples 앱 설치 | Google Play Store로 이동 Flutter Code Examples - Google Play 앱 Are you a beginner at Flutter? Check out the various features of Flutter throu..

Flutter Code Examples 강좌를 추천합니다. 제 블로그에서 Flutter Code Examples 프로젝트를 시작합니다. Flutter의 다양한 예제를 소스코드와 실행화면으로 제공합니다. 또한 모든 예제는 Flutter Code Examples 앱을 통해 테스트 가능합니다. Flutter Code Examples 강좌로 메뉴로 이동 Flutter Code Examples 강좌 목록 페이지로 이동 Flutter Code Examples 앱 설치 | Google Play Store로 이동 Flutter Code Examples - Google Play 앱 Are you a beginner at Flutter? Check out the various features of Flutter throu..

Flutter Code Examples 강좌를 추천합니다. 제 블로그에서 Flutter Code Examples 프로젝트를 시작합니다. Flutter의 다양한 예제를 소스코드와 실행화면으로 제공합니다. 또한 모든 예제는 Flutter Code Examples 앱을 통해 테스트 가능합니다. Flutter Code Examples 강좌로 메뉴로 이동 Flutter Code Examples 강좌 목록 페이지로 이동 Flutter Code Examples 앱 설치 | Google Play Store로 이동 Flutter Code Examples - Google Play 앱 Are you a beginner at Flutter? Check out the various features of Flutter throu..

Flutter Code Examples 강좌를 추천합니다. 제 블로그에서 Flutter Code Examples 프로젝트를 시작합니다. Flutter의 다양한 예제를 소스코드와 실행화면으로 제공합니다. 또한 모든 예제는 Flutter Code Examples 앱을 통해 테스트 가능합니다. Flutter Code Examples 강좌로 메뉴로 이동 Flutter Code Examples 강좌 목록 페이지로 이동 Flutter Code Examples 앱 설치 | Google Play Store로 이동 Flutter Code Examples - Google Play 앱 Are you a beginner at Flutter? Check out the various features of Flutter throu..