SomeThing, Sum Thing

플러터를 시작한 지 얼마 되지 않았지만, 그래도 플러터 하시는 분들을 위해서 도움이 많이 되었던 팁들을 적어보자 한다. 그리고 꿀팁과 그 후속작으로는 자주 쓰는 패키지들을 적어보고자 한다. 버전 정보 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..

이번 포스팅은 Reactive Programming이 적용된 RxDart와 그걸 Flutter에 적용해보도록 하겠다. Reactive Programming이란, 비동기 데이터 스트림을 이용한 프로그래밍하는 것을 말한다. 혹시 자세한 것을 알고 싶다면 포스팅해놓은 것을 참고하기 바란다. https://pcseob.tistory.com/40 2. Reactive Programming 오늘은 Reactive Programming에 대해서 알아보도록 하자. Reactive Programming이란 Reactive programming is programming with asynchronous data streams. 비동기 데이터스트림을 이용한 프로그래밍하는 것을.. pcseob.tistory.com 버전 정보..

이번 포스팅은 상태 관리법 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..

NullSafety가 적용되지 않은 코드입니다! 이번에는 Flutter와 Firebase를 연동하고 StateManage 중 Riverpod을 이용하여 DropDownButton을 만들도록 하겠다. 내용이 다소 어려울 수 있지만 주석을 천천히 읽어보면 할 수 있을 것이다. riverpod과 ConsumerWidget. riverpod에서의 Future; ChangeNotifier CustomDropDown 그리고 ConsumerWidget 초기값 설정. riverpod과 ConsumerWidget 플러터에서 상태관리는 아주 중요하다. 상태란 데이터를 다른 말이라고 하면 이해하기 쉽다. 데이터의 관리이다. riverpod은 Provider의 연장선으로 Provider의 단점을 보완하여 나온 것이다. pro..

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

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