[flutter] shared_preferences 를 사용하여 사용자의 쇼핑 카트에 담은 상품 목록을 저장하는 방법은 무엇인가요?

05 Dec 2023

flutter

소개

shared_preferences는 Flutter 앱에서 간단한 키-값 쌍 형태로 데이터를 저장하고 검색하는 데 사용되는 패키지입니다. 이를 활용하여 사용자의 쇼핑 카트에 담은 상품 목록을 저장할 수 있습니다.

설치

shared_preferences 패키지를 사용하기 위해 아래의 의존성을 pubspec.yaml 파일에 추가합니다.

dependencies:
  flutter:
    sdk: flutter
  shared_preferences: ^2.0.7

의존성을 추가한 후, 패키지를 가져옵니다.

import 'package:shared_preferences/shared_preferences.dart';

사용 방법

사용자의 쇼핑 카트에 상품을 추가할 때마다, 해당 상품을 SharedPreferences에 저장합니다.

void addToCart(String product) async {
  SharedPreferences prefs = await SharedPreferences.getInstance();
  List<String> cartItems = prefs.getStringList('cart_items') ?? [];
  cartItems.add(product);
  prefs.setStringList('cart_items', cartItems);
}

사용자의 쇼핑 카트에 담긴 상품 목록을 불러올 때, SharedPreferences에서 해당 데이터를 검색합니다.

Future<List<String>> getCartItems() async {
  SharedPreferences prefs = await SharedPreferences.getInstance();
  List<String> cartItems = prefs.getStringList('cart_items') ?? [];
  return cartItems;
}

위의 두 메소드를 사용하여 사용자의 쇼핑 카트에 상품을 추가하고 불러올 수 있습니다.

void main() async {
  await addToCart('Product A');
  await addToCart('Product B');
  
  List<String> cartItems = await getCartItems();
  print(cartItems); // 출력: [Product A, Product B]
}

요약

Flutter 앱에서 shared_preferences 패키지를 사용하여 사용자의 쇼핑 카트에 담은 상품 목록을 저장하는 방법을 알아보았습니다. SharedPreferences를 활용하여 간단한 키-값 쌍 형태의 데이터를 저장하고 검색할 수 있습니다.

참고 자료

shared_preferences 패키지 문서