SomeThing, Sum Thing

오늘은 Flutter에서 Futurebuilder에 대해서 알아보자. Futurebuilder는 비동기 처리하는 데이터를 처리한 후 위젯을 반환할 때 사용하는 위젯이다. 예를 들어 서버에서 사진을 가져와서(비동기) 핸드폰에 띄워준다고 할 때 사용할 수 있다. 아마 플러터를 시작하는 초보자분들에게 꼭 필요해서 사용하게 되는 위젯 중 하나일 것이다. 시작해보자 참조 및 버전 https://api.flutter.dev/flutter/widgets/FutureBuilder-class.html#widgets.FutureBuilder.1 FutureBuilder class - widgets library - Dart API Widget that builds itself based on the latest snaps..

오늘은 Flutter에서 버튼 혹은 사용자의 이벤트 발생에 의해 실행되는 비동기 호출에 대해서 알아보자. 우리는 GestureDetector 혹은 ElevatedButton을 이용해서 사용자의 클릭이벤트를 받곤 한다. 예를 들어 버튼을 클릭하면 서버와 통신을 해서 특정 데이터를 가져와서 화면을 새로 고치거나 새로운 화면을 보여준다. 만약 여기서 onTap에다가 async를 달아서 비동기로 만들어서 실행을 하는데, BuildContext가 변경된다면 어떤일이 생길까? 그리고 Context의 종속성에 자유로운(?) GetX를 이용했을 때에도 어떻게 되는지 알아보자. 참조 및 버전 https://www.youtube.com/watch?v=bzWaMpD1LHY Flutter 3.0.5 • channel stab..

플러터를 시작한 지 얼마 되지 않았지만, 그래도 플러터 하시는 분들을 위해서 도움이 많이 되었던 팁들을 적어보자 한다. 그리고 꿀팁과 그 후속작으로는 자주 쓰는 패키지들을 적어보고자 한다. 버전 정보 Flutter 3.0.5 • channel stable • https://github.com/flutter/flutter.git Framework • revision f1875 d570 e (5 weeks ago) • 2022-07-13 11:24:16 -0700 Engine • revision e85ea0e79c Tools • Dart 2.17.6 • DevTools 2.12.2 들어가기 전 이 글은 Flutter의 생명주기와 statelessWidget, statefulWidget을 기본적으로 안다면 좀..

이전에 포스팅한 것에 이어서 이번에는 플러터에서 안드로이드 화면을 띄워보도록 하겠다. 이전 포스팅에서도 마찬가지로 플러터화면 위에 안드로이드 화면을 띄우는게 필요한 경우가 있다. 나 역시 회사 프로젝트 진행 중 안드로이드의 aar파일을 띄워야 하는 경우가 있어서 사용했었다. 이전 포스팅 요약 이전 포스팅을 요약해서 설명하자면, 메소드체널을 이용하여 화면을 띄울 것이다. 간단하다. 플러터에서 invokemethod를 호출하면 startActivity를 실행시킬것이다. 파일 구성 및 버전정보 안드로이드는 Java로 진행하겠다. android app.src.main.java.com.example.flutter_android MainActivity.java MainActivity2.java ... lib ma..

이번 포스팅에서는 Flutter에서 Android(Java)로 데이터 받기를 포스팅해보겠다. 현재 배터리상태를 가져오는 것은 공식문서에도 잘 되어있으므로, 그대로 따라 하시면 된다. 그래도 내가 삽질하면서 알게 된 정보들을 적어보겠다. 얼마 전 플러터를 개발하면서 플러터를 지원해주지 않는 API들을 보며, '과연 플러터로만 모든걸 개발을 할 수 있을까?'라는 생각이 들었다. 그래서 결국은 네이티브와 연동을 할 수밖에 없다는 결론을 내렸다. 심지어 플러터에서 사용하는 라이브러리들, 특히 핸드폰 하드웨어적인 부분은 네이티브와 연동이 굉장히 많이 되어있다. 하지만 내가 연동을 하기전 궁금한 게 몇 가지 있었다. 네이티브와 연동을 할 때 안드로이드와 IoS에 나누어진 언어들 모두 지원하는가? 네이티브와 연동을 ..

이번 포스팅에서는 앞선 포스팅의 연장선, rxdart를 이용하여 나만의 BottomNavigationBar를 만들어보자. 화면 구성할 때 가장 자주 사용하는 scaffold 상위 위젯에 사용을 하고 scaffold의 매개변수 bottomNavigationBar에 직접 만들 것이다. 혹시 rxdart에 대해서 모른다면 나의 앞선 포스팅 두 개를 읽어보고 오면 좋다. 1. ReactiveX가 무엇일까? https://pcseob.tistory.com/40 2. Reactive Programming 오늘은 Reactive Programming에 대해서 알아보도록 하자. Reactive Programming이란 Reactive programming is programming with asynchronous da..

이번 포스팅은 상태 관리법 Riverpod 0.14.0 버전을 어떻게 사용하는지 알아보도록 하자. 목차 Flutter의 상태관리 Riverpod 0.14.0 Riverpod의 기본 사용법 pubspec.yaml, import 그리고 main Riverpod ChangeNotifier 오늘은 Flutter의 상태 관리 중 Riverpod이다. 단순한 Riverpod사용법은 아래 링크에 아주 자세하게 되어있으니 한번 꼭 보도록 하고, 여기 포스팅에서는 Firebase의 RealtimeDatabase를 가져오는 코드로 설명하도록 하겠다. https://www.youtube.com/watch?v=atwWbkBdepE&t=647s&pp=ugMICgJrbxABGAE%3D 내가 이해한 것 그리고 내가 사용했던 코드들..

이번 포스팅은 상태 관리법 중 하나인 Riverpod 알아보도록 하자. 이론적인 내용이므로 만약 코드에 바로 사용할 방법을 찾는다면 다음 포스팅을 읽으면 된다. 목차 Flutter의 상태관리 Flutter의 상태 관리 Ephemeral state와 App state Riverpod과 Provider의 차이점 1. Flutter의 상태관리 Flutter의 상태 관리란, 데이터의 상태라고 생각해도 좋다. 현재 데이터에 맞게 화면을 변경해주고 유저의 반응에 대응해주기 위해서 필요하다. 하지만 모든 데이터를 관리해야 하나 그것은 아니다. 어떤 상태(데이터)이냐에 따라 Ephemeral(일시적) state, App state로 나뉘게 된다. 공식문서 링크는 아래를 참고하면 된다. https://flutter.de..

이전 포스팅은 state와 widget 그리고 statelessWidget에 대해서 알아보았다. 이번에는 statefulWidget과 상태 관리(state management)에 관해서 알아보도록 하자. 오늘도 어김없이 이론이다. 하지만 이번에는 굉장히 중요한 내용이니 반드시 읽고 넘어가기 바란다. statefulWidget은 무엇일까? statefulWidget은 stateless와 다르게 상태를 변하게 할 수 있는 위젯이다. 앞서 포스팅에서 말한 것처럼 플러터에서 상태라는 것은 애플리케이션에 영향을 주는 데이터이다. 그래서 애플리케이션의 데이터가 변경이 된다면 그에 맞게 화면이 바뀌어야 한다. 유저가 버튼을 클릭하면 스낵바가 올라온다던가 하는 행동이다. 그렇다면 statefulWidget으로 애플리케..

앞서 포스팅에서는 Dart언어의 비동기식을 알아보았다. 이번에는 Dart의 가장 유명한 프레임워크이자 크로스 플랫폼인 Flutter의 State에 관해서 자세하게 알아보자. 오늘도 어김없이(재미없는) 이론 시간이다. Flutter를 잠깐 사용한다면 굳이 이론적인 내용은 알아야 하나 하지만, 조금이라도 깊게 파고들거나 상태 관리(State Management)에 알고자 한다면 반드시 알고 넘어가야 한다. Widget이란 무엇일까 Flutter의 모든 것이 Widget이라고 해도 과언이 아닐 정도로 모든 것이 Widget으로 이루어져 있다. 색이 있는 상자, 버튼, 사진 텍스트 상자 화면 전체까지 Widget이다. 화면을 Widget단위로 만든다고 생각하면 아주 좋다. Widget에 관하여 좀 더 자세하게 ..