동도리 개발 로그

플러터로 UI 개발시 마우스로 드래그 앤 드롭으로 미리 볼 수 있는 사이트가있어서 소개 하려한다. 페이지 이름은 Flutter Flow https://flutterflow.io/ FlutterFlow | Build Native Apps Visually FlutterFlow lets you build mobile apps unbelievably fast in your browser. Integrate with Firebase, use 3rd party services, and deploy your app straight to the app store. flutterflow.io 무료로 몇가지 샘플 UI가 있어서 내가 사용하고자 하는 서비스랑 비슷한 것을 찾아서 만들 수 있다. 내가 원하는대로 바꿀수 있는 ..

앱에서 다국어 처리를 위해 Flutter 에서 제공하는 라이브러리를 사용해도되지만 나는 Getx를 사용하기 때문에 해당 라이브러리에서 제공하는 방식을 사용한다. https://github.com/jonataslaw/getx/blob/master/README.ko-kr.md#%EA%B5%AD%EC%A0%9C%ED%99%94 GitHub - jonataslaw/getx: Open screens/snackbars/dialogs/bottomSheets without context, manage states and inject dependencies eas Open screens/snackbars/dialogs/bottomSheets without context, manage states and inject de..

플러터 앱에서 현재 핸드폰에 내장되어있는 지문/ faceId를 사용하기 위해 찾아보던 중 local_auth 패키지가 지원해준다는 것을 알고 테스트 해보았다. 우선 local_auth 패키지 주소 는 아래 링크에서 확인할 수 있다. local_auth | Flutter Package Flutter plugin for Android and iOS devices to allow local authentication via fingerprint, touch ID, face ID, passcode, pin, or pattern. pub.dev Flutter에서 사용하기 pubspec.yaml 에 아래와 같이 local_auth 를 추가 (작성일 최신 버전 v1.1.10) 중요한것! 위 링크에서 example을 ..

Flutter앱 (또는 웹) 에서 state를 관리하는 방법은 몇가지가 있지만 내가 현재 하고 있는 프로젝트에서는 GetX를 사용하여 상태관리를 하기때문에 GetX에 관해서 다뤄 보려한다. flutter에서 기본으로 사용하는 Provider에 대해서도 알고있어야 사용하는데에 좀더 편리할 것 같다. 모든 설명은 아래 링크에 있다. GitHub - jonataslaw/getx: Open screens/snackbars/dialogs/bottomSheets without context, manage states and inject dependencies eas Open screens/snackbars/dialogs/bottomSheets without context, manage states and injec..

회사에서 플러터를 이용한 앱 개발이 필요해서 기본 설치 및 세팅을 다뤄보려한다. Flutter 설치 flutter 시작하기니 flutter 부터 설치해보자. 아래 링크에서 os별 flutter를 설치 하면된다.(쉽네) Install Install Flutter and get started. Downloads available for Windows, macOS, Linux, and Chrome OS operating systems. docs.flutter.dev ※ path 설정은 필수! 아래와 같이 입력하여 설치확인을 할 수있다. (작성일-2022.01.07 기준 v2.8.1) $flutter --version 추가로 설치해야 하는 부분은 flutter 설치, path 지정 후 command(iterm..

Flutter 개발하는 도중 알게된 BLoC 패턴 React개발 당시 Redux와 같은 목표를 가지고 구글에서 만들어진 Flutter 상태관리 패턴이다. Bussiness Logic Component 의 약자이다. Provider도 있지만 그것은 나중에 디자인 패턴이기에 Flutter 말고도 React나 다른 프레임워크에도 적용 가능 하다고 한다. BLoC 생김새 BLoC 에서 각 UI 객체 들은 BLoC 객체를 구독하고 있다. BLoC 객체의 상태가 변경되면, BLoC 의 상태를 구독중인 UI 객체 들은 그 즉시 해당 상태로 UI 를 변경한다. BLoC 객체는 UI 객체로 부터 이벤트를 전달받으면, BLoC 객체는 필요한 Provider 나 Repository 로 부터 데이터를 전달받아, Bussine..