[flutter] 플러터 get과 데이터베이스 연동

26 Dec 2023

flutter

플러터(Flutter) 앱에서 데이터베이스를 사용하려면 get 패키지를 이용하여 데이터를 가져와야 합니다. 이 포스트에서는 flutter에서 get 패키지를 사용하여 데이터베이스를 연동하는 방법을 알아보겠습니다.

get 패키지 설치

먼저 get 패키지를 설치해야 합니다. pubspec.yaml 파일에 다음과 같이 get 패키지를 추가하세요.

dependencies:
  get: ^4.3.8

그런 다음 터미널에서 flutter pub get 명령어를 사용하여 패키지를 다운로드하세요.

데이터베이스 연동

get을 사용하여 데이터베이스를 연동하려면 다음 단계를 따르세요.

모델 클래스 작성: 데이터베이스에서 가져올 데이터의 모델 클래스를 작성하세요.

예시:

 class Product {
   final String id;
   final String name;
   final double price;

   Product({required this.id, required this.name, required this.price});
 }

데이터 로드: 데이터베이스에서 데이터를 가져오는 함수를 작성하세요.

예시:

 import 'package:get/get.dart';

 class ProductController extends GetxController {
   var products = <Product>[].obs;

   @override
   void onInit() {
     fetchProducts();
     super.onInit();
   }

   void fetchProducts() {
     // 데이터베이스에서 데이터를 가져와서 products에 할당하는 로직
     // 예: products.value = 가져온 데이터;
   }
 }

화면에 표시: 화면에 데이터를 표시하는 방법을 구현하세요.

예시:

 class ProductList extends StatelessWidget {
   final ProductController productController = Get.put(ProductController());

   @override
   Widget build(BuildContext context) {
     return Scaffold(
       appBar: AppBar(
         title: Text('Product List'),
       ),
       body: Obx(
         () => ListView.builder(
           itemCount: productController.products.length,
           itemBuilder: (context, index) {
             return ListTile(
               title: Text(productController.products[index].name),
               subtitle: Text('\$${productController.products[index].price.toStringAsFixed(2)}'),
             );
           },
         ),
       ),
     );
   }
 }

결론

이제 get 패키지를 사용하여 flutter 앱에서 데이터베이스를 연동하는 방법을 배웠습니다. 데이터베이스에서 데이터를 가져와서 화면에 표시하는 간단한 예제를 통해 get을 활용하는 방법을 살펴보았습니다. 데이터베이스 종류에 따라 사용법이 달라질 수 있으므로 해당 데이터베이스의 공식 문서를 참조하는 것이 좋습니다.

더 많은 기능을 구현하고 싶다면 공식 문서를 참고하여 get 패키지의 다양한 기능을 익혀보세요.

get 패키지 설치

데이터베이스 연동

결론

참고 문헌