Flutter에서 네트워킹과 API를 어떻게 처리하나요?

Question

Accepted Answer

Flutter 앱은 자주 **API**와 통신합니다 — HTTP 요청을 보내고, JSON을 파싱하고, 응답/오류를 처리합니다. **http** 또는 **dio** 패키지, **async/await**, JSON 파싱을 사용하여 네트워킹은 대부분 앱의 핵심 부분입니다. ## HTTP 요청 보내기 ```dart import 'package:http/http.dart' as http; // GET 요청 Future> fetchUsers() async { final response = await http.get(Uri.parse('https://api.example.com/users')); if (response.statusCode == 200) { final List data = jsonDecode(response.body); // JSON 파싱 return data.map((json) => User.fromJson(json)).toList(); } else { throw Exception('Failed to load users'); // 오류 처리 } } // POST 요청 await http.post( Uri.parse('https://api.example.com/users'), headers: {'Content-Type': 'application/json'}, body: jsonEncode({'name': 'Ann'}), ); ``` ## JSON 파싱 (직렬화) ```dart // fromJson/toJson이 있는 모델 클래스 (JSON과 Dart 객체 간 변환) class User { final String name; User(this.name); factory User.fromJson(Map json) => User(json['name']); Map toJson() => {'name': name}; } // → 많은 모델에는 코드 생성(json_serializable)을 사용해 보일러플레이트 회피 ``` ## 모범 사례 ```text ✓ SERVICE/repository 계층 사용 (네트워킹을 UI에서 분리) — 클린 아키텍처 ✓ 오류를 우아하게 처리 (네트워크 실패, 200 이외 상태, 타임아웃) → UI 피드백 표시 ✓ 로딩 state 표시 (FutureBuilder / state 관리) ✓ 고급 요구에 DIO 사용 (인터셉터, 재시도, 더 나은 구성) vs 기본 http ✓ JSON을 타입이 있는 MODEL로 파싱 (원시 map 아님) — 타입 안전성 ✓ 인증(헤더의 토큰), 타임아웃, 취소 처리 ``` ## 왜 중요한가 Flutter에서 네트워킹과 API를 이해하는 것은 필수적입니다. 왜냐하면 **대부분의 앱은 백엔드와 통신**하기 때문입니다 — HTTP로 데이터를 가져오고 보내는 것은 거의 모든 실제 앱의 핵심 부분이므로 반드시 알아야 할 실용 지식입니다. 앱은 끊임없이 API 호출(데이터 로딩, 폼 제출, 인증)을 해야 하며, 이를 올바르게 하는 방법을 이해하는 것이 근본적입니다. **HTTP 요청 보내기**(`http` 또는 `dio` 패키지를 async/await와 함께 사용한 GET, POST 등), **JSON 파싱**(API 응답을 `fromJson`/`toJson`을 통해 타입이 있는 Dart 모델 객체로 변환, 많은 모델에는 이상적으로 코드 생성 사용), **응답과 오류 처리**(상태 코드 확인, 예외 throw/처리)를 아는 것이 핵심 실용 기술입니다. **모범 사례**를 이해하는 것은 특히 가치가 있습니다: 네트워킹을 UI에서 분리하는 **service/repository 계층** 사용(클린 아키텍처, 유지보수성), **오류를 우아하게 처리**(네트워크 실패, 200 이외 상태, 타임아웃 — 네트워크 호출이 흔히 실패하므로 적절한 UI 피드백 표시), **로딩 state 표시**(좋은 UX를 위해 FutureBuilder나 state 관리를 통해), JSON을 **타입이 있는 모델**로 파싱(원시 map 대신 타입 안전성을 위해), 인증과 타임아웃 처리 — 이들은 취약한 임시 호출 대신 견고하고 유지보수 가능한 네트워킹 코드를 만드는 것을 반영합니다. 대부분의 Flutter 앱은 API와 통신(거의 보편적인 필요)하며 이를 잘 하는 것(적절한 요청, 모델로의 JSON 파싱, 오류 처리, 로딩 state, 클린 아키텍처)이 기능적이고 견고한 앱에 필수적이고, 도구와 모범 사례를 이해하는 것이 이 핵심 역량에 필요하므로, Flutter에서 네트워킹과 API를 이해하는 것은 필수적이고 자주 적용되는 실용 지식입니다 — 백엔드와 통신하는 거의 모든 실제 Flutter 앱에 필요한 근본 기술이자, 실제 데이터를 안정적으로 가져와 표시하는 앱을 만드는 데 중심적입니다.