이전 포스팅에서 데이터 모델(DataModel)을 만들고 API 서비스(apiService)를 설정하여 데이터를 가져오는 작업을 마쳤습니다. 이제 이 데이터를 사용자에게 친숙한 방식으로 표시하기 위해 UI를 만들어야 합니다. 먼저, 이전 포스팅에서 설정한 apiService를 FutureBuilder 위젯에 연결해야 합니다. FutureBuilder(future: DataApiService().getData(),), FutureBuilder는 Flutter에서 비동기 작업의 결과를 기반으로 UI를 구축하는 데 사용되는 중요한 위젯 중 하나입니다. 주로 Future 객체와 함께 사용되며, Future 작업이 완료될 때 해당 결과를 기반으로 다양한 UI를 생성하도록 도와줍니다. 비동기 작업을 FutureBu..

Flutter 2023. 10. 1. 13:52

이전 포스팅에서 Data Model을 제작하는 방법에 대해 자세히 살펴보았습니다. 이번 포스팅에서는 이렇게 제작한 Data Model을 어떻게 화면에 표시하고 활용할지에 대해 다룰 예정입니다. 아직 이전 포스팅을 보지 못했다면 아래 링크를 이용해 확인할 수 있습니다. [Flutter] DataModel을 사용하여 api 데이터 화면에 보여주기 (1) [Flutter] DataModel을 사용하여 api 데이터 화면에 보여주기 (1) Flutter을 사용하여 앱을 개발하거나 인터넷에서 데이터를 가져올 때, 중요한 단계 중 하나는 서버에서 데이터를 가져오는 과정입니다. 하지만 앱에서 서버로 직접 통신하는 것은 대부분 불가능 space-engineers-developer.tistory.com 이전 포스팅에서 ..

Flutter 2023. 10. 1. 12:58

Flutter을 사용하여 앱을 개발하거나 인터넷에서 데이터를 가져올 때, 중요한 단계 중 하나는 서버에서 데이터를 가져오는 과정입니다. 하지만 앱에서 서버로 직접 통신하는 것은 대부분 불가능합니다. 따라서 우리는 서버에서 웹에서 데이터를 앱에서 사용 가능한 형식으로 변환하고 전달해야 합니다. 이를 위해 JSON 파싱, XML 파싱 또는 웹 태그 파싱과 같은 다양한 방법을 사용할 수 있습니다. 이번 포스팅에서는 JSON 형식의 API 데이터를 Flutter 및 Dart로 파싱하는 방법에 대해 알아보겠습니다. 예를 들어, 아래 이미지와 같이 JSON 형식으로 인코딩된 API 데이터가 있다고 가정해 봅시다. (아래 이미지는 필자의 처음으로 개발한 JVAK-API로, JVAK의 모든 데이터를 관리하는데 사용됩니..

Flutter 2023. 10. 1. 11:42