Flutter에서 async, Future, Stream은 어떻게 작동하나요?

Question

Accepted Answer

Flutter 앱은 끊임없이 **비동기 작업**(네트워크 요청, 파일 접근, 데이터베이스 쿼리)을 처리합니다. Dart의 **Future**(단일 비동기 결과)와 **Stream**(비동기 이벤트의 시퀀스)은 **async/await** 및 **FutureBuilder**/**StreamBuilder** 같은 위젯과 함께 비동기 UI에 필수적입니다. ## Future와 async/await ```dart // Future는 나중에 완료되는 단일 비동기 결과를 나타냄 Future fetchUser() async { final response = await http.get(url); // await는 Future가 완료될 때까지 일시 정지 return response.body; // 결과를 반환 } // 사용 final data = await fetchUser(); // 결과를 await // 또는: fetchUser().then((data) => ...); // 콜백 스타일 ``` `Future` = 나중에 사용 가능한 단일 값(네트워크 응답, 파일 읽기). `async`/`await`는 비동기 코드를 순차적으로 읽히게 만듭니다. ## FutureBuilder — Future로부터 UI 빌드 ```dart // FutureBuilder는 Future의 state(로딩/데이터/오류)에 따라 UI를 다시 빌드 FutureBuilder( future: fetchUser(), builder: (context, snapshot) { if (snapshot.connectionState == ConnectionState.waiting) { return CircularProgressIndicator(); // 로딩 중 } else if (snapshot.hasError) { return Text('Error: ${snapshot.error}'); // 오류 } else { return Text(snapshot.data!); // 데이터 받음 } }, ) ``` ## Stream과 StreamBuilder ```dart // Stream = 시간에 따른 비동기 이벤트의 시퀀스 (예: 실시간 데이터, 웹소켓, 센서) Stream counter() async* { for (int i = 0; i < 10; i++) { await Future.delayed(Duration(seconds: 1)); yield i; // 각 값을 emit } } // StreamBuilder는 새 이벤트가 도착할 때마다 UI를 다시 빌드 StreamBuilder(stream: counter(), builder: (context, snapshot) => Text('${snapshot.data}')) ``` ## 왜 중요한가 async, Future, Stream을 이해하는 것은 필수적입니다. 왜냐하면 **Flutter 앱은 끊임없이 비동기 작업을 다루기** 때문이며, 따라서 이를 올바르게 처리하는 것이 실제 앱을 만드는 데 근본적입니다. 거의 모든 앱은 비동기 작업 — 네트워크 요청, 파일 접근, 데이터베이스 쿼리, 실시간 데이터 — 을 수행하며, Dart의 비동기 기본 요소가 이를 처리하는 방법입니다. **Future**(네트워크 응답처럼 나중에 사용 가능한 단일 비동기 결과를 나타냄)를 **async/await**(비동기 코드를 순차적이고 깔끔하게 읽히게 만듦)와 함께 이해하는 것은 비동기 작업을 수행하는 데 필수적입니다. UI를 위해 **FutureBuilder**를 이해하는 것은 특히 중요합니다: 이것은 Future의 state에 따라 UI를 빌드하며 **로딩, 오류, 데이터 state**를 적절히 처리합니다 — 이것이 바로 실제 앱이 필요로 하는 것입니다(로딩 중 스피너 표시, 실패 시 오류 메시지, 성공 시 데이터 표시), 비동기 UI에 흔하고 필수적인 패턴입니다. **Stream**(실시간 데이터, 웹소켓, 센서 판독값 같은 시간에 따른 비동기 이벤트 시퀀스)과 **StreamBuilder**(새 이벤트가 도착할 때마다 UI를 다시 빌드)를 이해하는 것은 반응형 실시간 UI와 stream 기반 state 관리 접근에 필수적입니다. 비동기를 올바르게 처리하는 것 — FutureBuilder와 StreamBuilder가 관리하는 로딩/오류/데이터 state 포함 — 은 데이터를 가져와 제대로 표시하는 앱(대부분 앱의 핵심)을 만드는 데 근본적입니다. Flutter 앱은 끊임없이 비동기 작업(네트워크, 파일, 실시간 데이터)을 수행하고 그 결과를 표시하려면 비동기 state를 올바르게 처리해야 하며, Future, Stream, async/await, Builder 위젯이 이를 위한 필수 도구이므로, Flutter에서 async, Future, Stream을 이해하는 것은 필수적이고 자주 적용되는 지식입니다 — 데이터와 비동기 작업을 올바르게 처리하는 앱을 만드는 데 근본적이며, 데이터를 가져오거나 처리하는 거의 모든 실제 Flutter 애플리케이션에 필요한 핵심 기술입니다.