전체 글

1. 들어가기에 앞서Provider란 InheritedWidget을 보다 쉽게 사용할 수 있도록 도와주는 상태관리 패키지입니다.1. 작성해야 하는 코드 감소2. 원하는 위젯만 선택적으로 갱신 가능3. Lazy loading 지원4. 상태를 별도 클래스로 분리하므로 StatefulWidget 보다 유지 관리 용이- 단점1. Provider가 부모 위젯으로 등록되어 있지 않은 경우, 자식 위젯에서 접근시 런타임 에러가 발생2. 위젯 트리상에 등록시 의존성 순서 중요 2.  Provider 사용해보기 2-1. Provider 사용법 간략 설명Provider는 ChangeNotifier를 상속받아서, 변경사항이 있는 경우에 notifyListener()를 호출하여 자식 위젯들을 갱..

들어가기 앞서 그동안 Flutter로 개발을 해오면서 Future를 많이 사용해보았는데, 생각보다 어떻게 동작하는지 의구심을 가지면서 코딩하지 않았다. 단순하게 await를 쓰면 기다리고 Future를 사용하면 일단 얘는 기다리면 나중에 값을 주는 얘구나 라고 막연하게 생각했다. 이번 기회에 자세히 알아보면서 그에 대한 공부 내용을 정리하고자 한다. 1. Dart의 비동기 동작 원리 Dart는 싱글 스레드로 운영되는 언어이다. Dart에서 Future가 있다면 자바스크립트에서는 Promise가 있다, 둘다 싱글 스레드로 동작이 된다. 그렇다면 싱글 스레드는 어떻게 동작을 하는 것일까? for(int i=0; i print('Future is complete')); print('After the Futur..

몇 주 동안 진행하고 있는 사이드 프로젝트를 진행하다가 너무 지루해서 기분 전환 겸 하루스낵처럼 간단하고 재미있는 앱 좀 만들어보려고 생각하다가 문자메세지를 실시간으로 탈취하는 기능을 만들면 재미있을 것 같아서 개발 과정을 공유해보고자 포스팅을 해봤습니다. 재미로만 읽어주시고 불법적인 용도로 사용시 실제로 고소를 당하실 수 있습니다. 다만, 실제로 사용하기에는 제약이 많은 편이라 쉽지도 않습니다. 실기기 테스트 사용된 패키지는 하위 총 3개 입니다. https://pub.dev/packages/telephony telephony | Flutter package A Flutter plugin to use telephony features such as fetch network info, start phon..

pub.dev에서 패키지 좋은거 없나 둘러보다가 생각보다 인기가 있어보이는 앱을 발견했습니다. 패키지 플러스..? 가 뭐지.... 라고 생각하면서 사용법을 읽어보는데 뭐지..? 더 모르겠는데 일단 사용해본결과 현재 프로젝트의 패키지관련된 내용을 가져올 수 있는 패키지인 것 같습니다. 사용법은 간단합니다. pubspec.yaml 파일에 패키지를 추가하고 // `PackageInfo.fromPlatform()`전에 이 라인을 호출하세요 WidgetsFlutterBinding.ensureInitialized(); PackageInfo packageInfo = await PackageInfo.fromPlatform(); 위 두개를 runApp() 실행전에 실행시켜 주고 String appName = packag..

이번에 소개할 패키지는 pull_to_refresh라는 로딩 인디케이터를 변경할 수 있는 패키지이다. https://pub.dev/packages/pull_to_refresh pull_to_refresh | Flutter package a widget provided to the flutter scroll component drop-down refresh and pull up load. pub.dev Pub.dev에 2533 LIKES인것을 보니, 꽤 많은 사람들이 사용하고 있고 어느정도 검증된 패키지라는 의미이다. 이제 어떻게 사용하는지 차근히 알아보자. 그전에 혹시 무슨 패키지인지 감을 안오는 분들을 위해서 동작 이미지를 간단히 보여주자면 우리가 Flutter내장 함수인 RefreshIndicator..

두번째로는 hook에 useMemoized function에 대해서 알아보자. useMemoized에 대해 간단히 이야기 하자면, 값을 메모리에 저장하고 있다가 값이 변한다면 재빌드, 아니라면 아무 변화도 주지 않는다. 즉 oldValue(메모리에 저장된 값)과 currentValue(현재 값)를 두개를 계속 비교하면서 상태를 변경한다고 이해하면 아주 쉽게 이해할 수 있을 것 이다. 일단 Implementation에 대해서 알아보자. 인자값으로 Function 함수와 List를 받는다. 나는 computerExpensiveOperation이라는 함수를 만들고 useMemorized로 실행하도록 구현하였다. int computerExpensiveOperation(int count) { print('useM..