--- title: Flutter에서 Parse SDK를 사용한 비밀번호 재설정 구현 slug: docs-kr/flutter/parse-sdk/users/flutter-reset-password description: Flutter 앱에서 Parse SDK를 사용하여 사용자 비밀번호 재설정을 구현하는 방법을 알아보십시오. ParseUser 클래스를 활용하여 보안 이메일 처리. image: https://www.back4app.com/images/logo-social.png createdAt: 2024-03-18T14:43:31.745Z --- # Flutter 앱에 사용자 비밀번호 재설정 추가하는 방법 ## 소개 시스템에 비밀번호를 도입하면 사용자가 비밀번호를 잊어버리는 것은 사실입니다. Parse Server는 사용자가 안전하게 비밀번호를 재설정할 수 있는 방법을 제공합니다. 비밀번호 재설정 흐름은 사용자의 이메일 주소를 가져오고 `requestPasswordReset` 메서드를 호출하는 것으로 시작됩니다. `Parse.User` 클래스에서. 이것은 주어진 이메일을 사용자 이메일 또는 사용자 이름 필드와 일치시키려고 시도하고 비밀번호 재설정 이메일을 보냅니다. 이렇게 하면 사용자가 이메일을 사용자 이름으로 사용할 수 있도록 선택하거나 별도로 수집하여 이메일 필드에 저장할 수 있습니다. 비밀번호 재설정 흐름은 다음과 같습니다: 1. **사용자가 이메일을 입력하여 비밀번호 재설정을 요청합니다.** 2. **Back4App이 그들의 주소로 특별한 비밀번호 재설정 링크가 포함된 이메일을 보냅니다.** 3. **사용자가 재설정 링크를 클릭하면 새로운 비밀번호를 입력하기 위해 특별한 Back4App 페이지로 이동합니다.** 4. **사용자가 새로운 비밀번호를 입력합니다. 이제 그들의 비밀번호는 그들이 지정한 값으로 재설정되었습니다.** 이 가이드에서는 **Parse Server용 Flutter 플러그인**을 사용하여 Flutter 앱에서 사용자 비밀번호 재설정 기능을 구현하는 방법을 배웁니다. `ParseUser` 클래스를 사용하여. ## 목표 Flutter 앱을 위한 Parse를 사용하여 비밀번호 재설정 기능을 구축합니다. ## 전제 조건 **이 튜토리얼을 완료하려면 다음이 필요합니다:** :::hint{type="info"} - [Flutter 버전 2.2.x 이상](https://flutter.dev/docs/get-started/install) - [Android Studio ](https://developer.android.com/studio) 또는 [VS Code 설치](https://code.visualstudio.com/) ( [플러그인](https://docs.flutter.dev/get-started/editor) Dart 및 Flutter 포함) - 이전 가이드에서 생성된 Flutter 앱 - **참고: **세션에서 [현재 사용자 가져오기](https://app.archbee.com/docs/_roxIyUMXoBue9I7uv49e/HzbuRMIWCUKmJmsxuDirt)를 따르세요. - 이전 가이드를 완료하여 `ParseUser` 클래스에 대한 이해를 높이세요. - Android 또는 iOS에서 실행되는 장치(시뮬레이터 아님). ::: ## 비밀번호 재설정 프로세스 이해하기 비밀번호 재설정 프로세스를 더 잘 이해하기 위해, 우리는 이전 가이드에서 시작한 애플리케이션의 개발을 계속하고 기능을 구현할 것입니다. 이 가이드의 주요 초점이 Flutter와 Parse를 사용하는 것이기 때문에 Flutter 애플리케이션 코드를 설명하지 않을 것입니다. 다음 단계를 따르면 Back4App 데이터베이스에서 로그인 및 로그아웃 앱을 구축할 수 있습니다. ## 시작해봅시다! 다음 단계에서는 애플리케이션에서 비밀번호 재설정 기능을 구축할 수 있습니다. ## 1 - 로그인/로그아웃/비밀번호 재설정 앱 프로젝트 열기 이전 가이드에서 Flutter 프로젝트 열기 [현재 세션의 사용자 가져오기](https://www.back4app.com/docs/flutter/parse-sdk/flutter-current-user%22). `main.dart` 파일로 이동합니다. ## 2 - 비밀번호 재설정 코드 비밀번호 재설정 흐름을 시작하려면 사용자의 이메일이 필요합니다. `doUserResetPassword` 함수를 `main.dart` 파일에서 검색합니다. `doUserResetPassword` 내부의 코드를 다음으로 교체합니다: ```dart 1 final ParseUser user = ParseUser(null, null, controllerEmail.text.trim()); 2 final ParseResponse parseResponse = await user.requestPasswordReset(); 3 if (parseResponse.success) { 4 Message.showSuccess( 5 context: context, 6 message: 'Password reset instructions have been sent to email!', 7 onPressed: () { 8 Navigator.of(context).pop(); 9 }); 10 } else { 11 Message.showError(context: context, message: parseResponse.error!.message); 12 } ``` 이 기능을 구축하려면 다음 단계를 따르세요: 1. 새로운`ParseUser` 클래스 인스턴스를 다음 명령으로 생성합니다: `ParseUser(null, null, controllerEmail.text.trim());`. 이메일 필드는 필수이며 다른 필드는 null을 사용할 수 있습니다. 2. 복구 이메일을 보내기 위해`user.requestPasswordReset` 함수를 호출합니다. 완전한 함수는 다음과 같아야 합니다: ```dart 1 void doUserResetPassword() async { 2 final ParseUser user = ParseUser(null, null, controllerEmail.text.trim()); 3 final ParseResponse parseResponse = await user.requestPasswordReset(); 4 if (parseResponse.success) { 5 Message.showSuccess( 6 context: context, 7 message: 'Password reset instructions have been sent to email!', 8 onPressed: () { 9 Navigator.of(context).pop(); 10 }); 11 } else { 12 Message.showError(context: context, message: parseResponse.error!.message); 13 } 14 } ``` :::hint{type="info"} 테스트하려면, Android Studio/VSCode에서`실행` 버튼을 클릭하세요. ::: ::Image[]{src="https://api.archbee.com/api/optimize/yD3zCY-NNBBIfd0uqcfR5/XYYxTqeltDKSytjtIrUL7_image.png" size="50" width="321" height="635" position="center" showCaption="false"} 클릭하세요 `비밀번호 재설정` 버튼. 다음 화면에서 사용자의 이메일을 입력하고 다시 `비밀번호 재설정` 버튼을 클릭하세요. ::Image[]{src="https://api.archbee.com/api/optimize/yD3zCY-NNBBIfd0uqcfR5/IH_Bhhsw25tcslVOTp4Me_image.png" size="50" width="325" height="636" position="center" showCaption="false"} ## 완료되었습니다! 이 가이드를 마치면, Back4App을 통해 Parse Server의 핵심 기능을 사용하여 앱의 비밀번호 재설정 기능을 구현할 수 있습니다!