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..

이번에 포스팅할 주제는 비동기에 대해서 포스팅해보도록 하겠다. 반응형 프로그래밍을 설명하기 위해서는 비동기에 대한 내용은 필수적이고, 내 블로그에 곳곳에 보면 비동기에 관련된 글이 있지만, 프로그래밍을 위한 글이라 자세하게 작성하지 않아서 이번에 제대로 작성하도록 하겠다. Asynchronous 비동기 비동기란 비동기와 스레드 1. Asynchronous 비동기 Asynchronous 비동기의 사전적 의미는, "not occurring at the same time", 동시에 발생하지 않는 이라는 뜻이다. 일반적으로 우리가 프로그래밍을 한다면, 순차적(Synchronous)으로 진행이 된다. print(1) print(2) print(3) print(4) 예를 들어 위와 같은 코드가 있다고 하자. 실행을..

이전 포스팅한 내용은 Dart에서 비동기가 어떻게 작동하고 어떻게 제어하는지 포스팅을 했었다. 이번에는 비동기 함수의 결괏값을 어떻게 받아오는지 알아보자. 결론 Dart의 비동기함수의 예외처리는 두 가지 방법이 있다. 첫 번째는, try catch finally로 한다. try를 진행하고 에러가 발생하면 catch가 작동하며 try 혹은 catch작동 이후 finally가 실행된다. 두 번째는, then catchError, whenComplete를 사용한다. 작동은 try가 then, catch가 catchError, finally가 whenComplete라고 생각하면 된다. 둘 중에 무엇이 좋다고 딱 잘라서 말을 할 순 없다. 하지만 잘 짠 코드에서는 코드의 가독성도 중요하므로 상황에 맞게 사용하도록..

포스팅이 점점 더 기초적으로 가지만, 짚고 넘어가야 할 것 같아서 작성하게 되었다. 앞서 Dart의 비동기의 작동방식을 살펴보았다. 그러면 어떻게 사용하는지 살펴보자. 바쁜 사람을 위한 빠른 결론! Dart Flutter에서 비동기식을 사용할 때 Future, async, await를 사용한다. 함수 이름 앞 Future은 반환을 나타낸다. 가독성을 위해 적는것을 추천하지만, 생략해도 무방하다. await를 사용하기 위해서는 반드시 async가 적혀있어야한다. await를 사용하면 비동기 함수가 끝날때까지 기다리며, await를 사용하지않으면 기다리지않는다. 비동기함수가 끝났음을 알리고싶다면 Callback함수를 이용하여 알릴 수 있다. 직전 포스팅을 안 읽은 사람들을 위해 Dart 공식홈페이지 링크를 ..

오늘은 이론적인 내용을 다뤄보도록 하자. Flutter로 개발을 하면 흔하게 사용하는 Future, async 그리고 await가 비동기식으로 작동하는 원리를 파악해보려고 한다. 먼저 Dart 공식 홈페이지에서 찾아보았다. https://dart.dev/codelabs/async-await Asynchronous programming: futures, async, await Learn about and practice writing asynchronous code in DartPad! dart.dev 읽어보면 Asynchronous 즉 비동기식 프로그래밍, futures, async 그리고 await에 관련된 내용이 나온다. 비동기식이란 동시에 일어나지 않게 일처리 하는 방식을 뜻하며, 동기식의 반대되는..