[flutter] shared_preferences를 이용하여 로그인 정보의 일부를 수정하는 방법은?

15 Dec 2023

flutter

안녕하세요! 오늘은 Flutter에서 Shared Preferences를 사용하여 로그인 정보의 일부를 수정하는 방법에 대해 알아보겠습니다.

1. Shared Preferences란?

Shared Preferences는 안드로이드 및 iOS 플랫폼에서 간단한 키-값 형태의 로컬 데이터를 저장하는 데 사용되는 경량화된 영구 저장소입니다. 이를 통해 앱의 설정, 로그인 정보, 테마 등을 저장하고 관리할 수 있습니다.

2. 패키지 추가

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

dependencies:
  flutter:
    sdk: flutter
  shared_preferences: ^2.0.6

패키지 추가 후 flutter packages get 명령어를 실행하여 패키지를 가져옵니다.

3. 로그인 정보 수정하기

다음은 Shared Preferences를 사용하여 로그인 정보의 일부를 수정하는 예제입니다.

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

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: LoginPage(),
    );
  }
}

class LoginPage extends StatefulWidget {
  @override
  _LoginPageState createState() => _LoginPageState();
}

class _LoginPageState extends State<LoginPage> {
  TextEditingController _usernameController = TextEditingController();
  TextEditingController _passwordController = TextEditingController();

  Future<void> _updateUserInfo() async {
    SharedPreferences prefs = await SharedPreferences.getInstance();
    String username = _usernameController.text;
    prefs.setString('username', username);
    // 기타 로그인 정보 수정 코드
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          TextField(
            controller: _usernameController,
            decoration: InputDecoration(
              labelText: 'Username',
            ),
          ),
          TextField(
            controller: _passwordController,
            obscureText: true,
            decoration: InputDecoration(
              labelText: 'Password',
            ),
          ),
          ElevatedButton(
            onPressed: () {
              _updateUserInfo();
            },
            child: Text('Login'),
          ),
        ],
      ),
    );
  }
}

위 코드에서는 _updateUserInfo() 메서드를 통해 SharedPreferences를 가져온 후, 사용자 이름과 같은 로그인 정보를 수정하고 있습니다.

이제 위 예제를 참고하여 당신의 프로젝트에서 Shared Preferences를 사용하여 로그인 정보를 수정하는 방법을 적용해 보세요!

결론

오늘은 Flutter에서 Shared Preferences를 사용하여 로그인 정보의 일부를 수정하는 방법에 대해 알아보았습니다. Shared Preferences를 사용하면 간단하게 로컬에 데이터를 저장하고 관리할 수 있어 편리합니다. Shared Preferences를 활용하여 안정적이고 효율적인 앱을 개발하는 데 도움이 되기를 바랍니다.

더 많은 정보를 원하시면, 공식 문서를 참고하시기 바랍니다.