[flutter] get_storage를 이용하여 플러터 앱에서 사용자가 상품을 추가한 위시리스트 목록을 저장하는 방법을 알려주세요.

이번 블로그에서는 get_storage 패키지를 사용하여 Flutter 앱에서 사용자가 추가한 상품을 위시리스트에 저장하는 방법에 대해 알아보겠습니다.

get_storage란?

get_storage는 Flutter에서 간단하고 빠르게 데이터를 저장하고 검색할 수 있는 경량 데이터 저장소 패키지입니다. 이를 사용하여 사용자의 위시리스트 정보를 쉽게 관리할 수 있습니다.

get_storage 패키지 설치

먼저, pubspec.yaml 파일에 다음과 같이 get_storage 패키지를 추가합니다.

dependencies:
  get_storage: ^2.0.3

그리고 터미널에서 아래 명령을 실행하여 패키지를 가져옵니다.

flutter pub get

위시리스트 저장 및 불러오기

이제 위시리스트 정보를 저장하고 불러오는 간단한 예제를 살펴보겠습니다.

main.dart 파일에 다음과 같이 코드를 작성합니다.

import 'package:flutter/material.dart';
import 'package:get_storage/get_storage.dart';

void main() async {
  await GetStorage.init();
  runApp(MyApp());
}

class WishList {
  final box = GetStorage();
  
  List<String> get items => box.read('wishList') ?? [];
  
  void addItem(String item) {
    List<String> list = items;
    list.add(item);
    box.write('wishList', list);
  }
}

class MyApp extends StatelessWidget {
  final WishList wishList = WishList();

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      ...
    );
  }
}

위 코드에서는 get_storage를 사용하여 사용자의 위시리스트를 wishList라는 키로 저장하고 불러오는 간단한 예시를 보여주고 있습니다.

위의 예제를 참고하여 사용자의 위시리스트 정보를 저장하고 불러오는 기능을 구현할 수 있습니다. 위시리스트 화면에서 사용자가 상품을 추가할 때 WishList 클래스의 addItem 메서드를 호출하여 정보를 저장할 수 있고, 화면을 다시 로드할 때 저장된 정보를 WishList 클래스의 items 속성을 통해 불러올 수 있습니다.

이제 get_storage를 사용하여 Flutter 앱에서 사용자의 위시리스트를 저장하고 불러오는 방법에 대해 알아보았습니다. 사용자의 위시리스트를 쉽게 관리하기 위해 get_storage를 활용해 보세요!

간단한 예시를 통해 get_storage를 사용한 위시리스트 저장 방법을 살펴보았습니다. 추가적인 사용법이나 응용 방법에 대해 더 알고 싶다면 공식 get_storage GitHub 페이지를 참고하시기 바랍니다.