Flutter에서 서버와 데이터를 주고받을 때 JSON 형식은 기본입니다. API 연동은 Flutter 앱에서 필수 기능입니다.서버에서 받은 데이터는 대부분 JSON 형식이며,이를 Dart에서 다루기 위해선 변환 과정이 반드시 필요합니다. 그때 사용하는 함수가 바로 jsonDecode()입니다. 💡 실무에서는 로그인 정보, 사용자 프로필, 게시글 목록, 댓글 등 모든 데이터를 JSON으로 주고받습니다. API 응답은 jsonDecode, 요청은 jsonEncode가 핵심이며, 실제 Dio나 http 패키지에서도 이 함수들이 많이 사용됩니다. http 패키지 관련 글 ⇒ https://steadybuilder.tistory.com/95 📌 Day 16: Flutter HTTP 패키지를 활용한 API 요..

Flutter로 앱을 개발하면서 REST API를 연동하는 기능은 거의 모든 실무 프로젝트에 필수인 것 같습니다. 특히 신입 개발자 포트폴리오에서도 API 통신 + 상태 관리 조합(Dio + Riverpod) 은 큰 강점이 된다고 합니다. ✅ Dio는 http 패키지보다 더 강력하고 유연한 Flutter용 HTTP 클라이언트 라이브러리입니다.✅ 요청/응답 인터셉터, 에러 핸들링, 로깅, 시간 초과 설정 등 API 통신을 더 편리하게 처리할 수 있습니다.✅ 실무에서는 http보다 Dio를 선호하는 경우가 많습니다. 🔔 주제🔸 Dio 패키지 설치 및 설정🔸 GET 요청 및 응답 처리🔸 POST 요청 (데이터 전송)🔸 요청/응답 로깅 및 에러 처리🔸 실무에서 많이 사용하는 옵션들 1️⃣..

Flutter 앱에서 외부 서버(API)와 데이터를 주고받기 위해 http 패키지를 사용합니다. GET 요청을 사용하여 서버에서 데이터를 가져오고,POST 요청을 사용하여 데이터를 서버로 보낼 수 있습니다. JSON 데이터를 처리하는 방법과 비동기 프로그래밍(async/await),그리고 비동기 데이터를 처리하는 방식에 대해 알아봅시다. 🔔 주제🔸 HTTP 패키지 설치 및 기본 설정🔸 GET 요청을 사용하여 데이터 가져오기🔸 POST 요청을 사용하여 데이터 보내기🔸 JSON 데이터 변환 및 처리🔸 에러 처리 및 API 응답 관리 1️⃣ HTTP 패키지 설치 및 설정 📌 http 패키지 설치Flutter에서 HTTP 요청을 보내려면 http 패키지를 추가해야 합니다. ✅ 터미널..

Flutter에서 할 일 목록(Todo List) 관리 기능을 구현하며, Riverpod을 활용한 CRUD(Create, Read, Update, Delete) 상태 관리 StateNotifierProvider를 사용하여 리스트 형태의 데이터를 관리하고, UI에서 추가, 수정, 삭제 기능을 적용 🔔 주제🔸 Riverpod을 활용한 CRUD 상태 관리🔸 StateNotifierProvider를 사용하여 리스트 데이터 관리🔸 할 일 목록 추가(Create), 조회(Read), 수정(Update), 삭제(Delete) 구현🔸 UI에서 데이터를 반영하고 리스트를 동적으로 업데이트 1️⃣ Riverpod을 활용한 CRUD 상태 관리🔸 CRUD란?CRUD는 가장 기본적인 데이터 처리 방식입..

Flutter에서 Provider는 강력하지만, 전역 상태 공유 및 유지보수 측면에서 단점이 있습니다.Riverpod은 Provider의 단점을 보완하고, 보다 강력한 상태 관리 기능을 제공합니다. 📃 개요✅ StateProvider, StateNotifierProvider를 활용하여 상태를 관리하는 방법 🔔 주제🔸 Riverpod이란? 기존 Provider와의 차이점🔸 Riverpod 패키지 설치 및 프로젝트 설정🔸 StateProvider를 활용한 간단한 상태 관리🔸 StateNotifierProvider를 활용한 복잡한 상태 관리🔸 ConsumerWidget과 ref.watch() 사용법 1️⃣ Riverpod 이란? 기존 Provider 와의 차이점🔸 Riverpod 은 ..

📃 개요 ⚠️ 이전 글(Day 12)에서 다룬 내용처럼 Flutter에서 setState()만으로 상태를 관리하면 코드가 복잡해지고, 여러 위젯에서 상태를 공유하기 어렵습니다. ⚠️ Provider를 사용하면 setState() 없이도 여러 위젯에서 상태를 공유하고 효율적으로 관리할 수 있습니다. ✅ 이번 글에서는 Provider를 적용하여 setState() 없이 상태를 관리하는 Counter 앱을 자세히 확인해 봅니다.✅ 기존 하나의 페이지에서 동작했던 Counter 앱을 보너스(TodoList 앱) 처럼 구성해 봅니다.✅ ChangeNotifier를 활용해 상태를 저장하고, UI 업데이트를 자동으로 수행할 수 있습니다.✅ Consumer를 활용하여 특정 위젯만 상태가 변경될 때 리빌드할 수 있습니..