우동우동우's note

지난번 progress dialog 관련해서 글을 쓰면서 Progress Dialog 를 사용하면 싱글 스레드 문제를 지적한 적이 있었다. showDialog()함수를 부르고 난 뒤에 바로 Navigator.pop()을 하면 progress 는 닫히지 않고 기존 View가 닫혀버리는 문제가 있다. 이러한 문제가 있어 build 함수 내에서 Visibility Widget을 활용하거나 조건문을 사용하는 방식이 flutter에서 더 좋은 방법이라고 설명했었다. 그런데 이런 방식은 기존 View 위에 나타나는 View를 만들기 위해서 전체 화면 위에 구조를 짜야하기 때문에 Widget의 계층 구조가 한단계 더 만들어 져야 하고 구조가 좀더 복잡해 진다. 기본 구조가 하나의 Scaffold 안에 AppBar와 ..

Flutter에서 화면을 구현할 때 주로 StatelessWidget 혹은 StatefulWidget을 확장(extend)해서 구현한다. 이때 build() 함수를 여러가지 low-level의 Widget들의 조합으로 정의해야한다. StatelessWidget과 StatefulWidget은 약간의 구현방식의 차이가 있다. 그 이름(Stateless, Stateful)에서 어느 정도 그 특징을 알 수 있듯이 StatelessWidget은 상태가 없고, 변화가 없는 Widget이고, StatefulWidget은 상태가 있으며 상태에 따라 변화가 되는 Widget이다. StatelessWidget StatelessWidget의 build 함수는 화면이 처음 그려질 때 한번만 불려지며, Widget을 삭제하기 ..

익숙함에서 찾은 방법 나는 Android App 개발을 하다가 Flutter를 이번에 처음 접하게 되었다. Android 앱에서 Dialog를 나타내는 방식은 Dialog 객체를 생성 후 show 함수를 불러 보여주고 지울 때 dismiss 함수를 불러서 삭제하는 방식이다. 이러한 방식은 객체 지향 언어에서 자연스럽게 사용하는 방식이며 특정 이벤트때 해당 함수를 call 하는 방식으로 매우 간단하다. 그리고 dialog는 Activity 속해 있는 것임으로 제어가 용이하다. 그때의 익숙함 때문에 나도 Pregress Dialog를 유사한 형태로 개발된 open 소스를 찾았다. flutter pregress dialog를 검색창에 치면 가장 먼저 나오는 것이다. progress_dialog 라이브러리일 것..

Google에서 2017년에 처음으로 Flutter를 릴리즈하였다. Flutter는 Dart라는 언어로 되어 있으며, 멀티플랫폼(Web, Android, iOS) 지원 되는 UI 툴킷이다. Flutter를 활용하여 빠르고 쉽게 UI를 개발할 수 있으며, 뛰어난 퍼포먼스를 낼 수 있다. 또한, Flutter에서는 다양한 기본 UI 라이브러리를 제공하고 있어서 매력적인 UI를 개발하기에는 매우 적합한 플랫폼이라고 할 수 있다. Flutter 개발환경 설정 설지하는 방법에 대해서는 다루지 않겠다. 개발환경 설정을 하는 방법은 자주 변경되기도 하고, 그렇게 어렵지도 않기 때문이다. 일단 한국어로 번역된 flutter.dev 사이트 링크를 넣어 두겠다. 설치Flutter를 설치할 운영 체제를 선택해주세요:{{si..