[flutter] shared_preferences를 활용하여 사용자가 입력한 양식 데이터를 임시로 저장하는 방법은?

15 Dec 2023

사용자가 입력한 양식 데이터를 임시로 저장하여 나중에 재사용할 수 있으면 매우 유용합니다. Flutter 애플리케이션에서 이를 달성하기 위해 shared_preferences 패키지를 활용할 수 있습니다.

Shared Preferences란?

Shared Preferences는 안드로이드 및 iOS에서 사용자의 설정과 데이터를 저장할 수 있는 간단한 방법을 제공하는 Flutter 패키지입니다. 이를 사용하면 키-값 쌍 형태로 데이터를 장치에 저장할 수 있습니다.

먼저, pubspec.yaml 파일에 shared_preferences 패키지를 추가해야 합니다.

dependencies:
  shared_preferences: ^2.0.6

그런 다음, 패키지를 설치하고 import 문을 통해 사용할 파일에 패키지를 가져와야 합니다.

import 'package:shared_preferences/shared_preferences.dart';

사용자가 입력한 양식 데이터를 Shared Preferences에 저장하려면 다음 단계를 따라야 합니다.

먼저, 사용자가 데이터를 저장할 때마다 SharedPreferences 인스턴스를 가져오고, 키-값 쌍으로 데이터를 저장합니다. 아래는 사용자가 입력한 양식 데이터를 임시적으로 저장하는 기본적인 예시입니다.

void saveFormData(String key, String value) async {
  final prefs = await SharedPreferences.getInstance();
  prefs.setString(key, value);
}

위의 코드에서 saveFormData 함수는 사용자가 입력한 데이터를 지정된 키에 연결하여 저장합니다.

사용자 데이터를 나중에 불러와서 재사용할 수 있어야 합니다. 아래는 저장된 데이터를 불러오는 방법입니다.

Future<String?> getFormData(String key) async {
  final prefs = await SharedPreferences.getInstance();
  return prefs.getString(key);
}

위의 코드에서 getFormData 함수는 지정된 키에 해당하는 값을 가져옵니다.

이제 위의 코드를 사용하여 사용자가 입력한 양식 데이터를 임시로 저장하고 불러올 수 있습니다. 이러한 방식으로 사용자 데이터를 효과적으로 관리할 수 있으며, 사용자 경험을 향상시킬 수 있습니다.

향후에는 데이터를 영구적으로 저장하는 방법과 데이터 보안에 대한 고려도 중요하므로, 이러한 측면도 고려해 보시기 바랍니다.

추가 학습 자료: