---
title: Flutter Parse SDK 설치 및 연결 가이드
slug: docs-kr/flutter/parse-sdk/parse-flutter-sdk
description: Flutter 프로젝트에 Parse SDK를 설치하고 Back4App 서버와 연결하는 방법 안내.
image: https://www.back4app.com/images/logo-social.png
createdAt: 2024-03-15T13:06:02.190Z
---

## 소개



이 가이드에서는 **Parse Server용 Flutter 플러그인**을 사용하여 Flutter 프로젝트에서 Back4App을 시작하는 방법을 배웁니다.

## 전제 조건

:::hint{type="info"}
이 튜토리얼을 완료하려면 다음이 필요합니다:

- Back4App에서 [생성된 앱](https://www.back4app.com/docs/get-started/new-parse-app)이 필요합니다:
- [Flutter 버전 3.3.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 포함)
:::

## 1. Parse SDK 설치

컴퓨터의 cmd 또는 터미널(운영 체제에 따라 다름)을 열고 **이동**하여 Flutter 프로젝트 디렉토리로 가십시오. 새 Flutter 앱을 만들려면 이 명령을 실행하십시오.

:::BlockQuote
flutter create flutter\_parse
:::

다음 명령을 실행하여 Flutter 앱을 시작하십시오:

:::BlockQuote
cd flutter\_parse
flutter run
:::

프로젝트 종속성에 [Parse SDK](https://pub.dev/packages/parse_server_sdk_flutter)를 추가하려면 다음을 실행하세요:

:::BlockQuote
flutter pub add parse\_server\_sdk\_flutter
:::

이 명령은 `flutter get`을 실행하고 Parse SDK를 <font color="#2166ae">`pubspec.yaml`</font> 파일에 추가합니다.

## 2. Parse SDK 설정하기

다음 단계는 프로젝트의 <font color="#2166ae">`main.dart`</font> 파일에 Parse SDK를 가져오는 것입니다.

안에 <font color="#2166ae">`main.dart`</font>, 다음을 사용할 수 있습니다:

```dart
import 'package:parse_server_sdk_flutter/parse_server_sdk_flutter.dart';
```

### Parse 앱 초기화하기

이동하십시오 <font color="#2166ae">`main.dart`</font>, 그리고 Flutter 앱에서 Parse를 초기화하십시오:

```dart
1   void main() async {
2     const keyApplicationId = 'YOUR_APP_ID_HERE';
3     const keyClientKey = 'YOUR_CLIENT_KEY_HERE';
4     const keyParseServerUrl = 'https://parseapi.back4app.com';
5
6     await Parse().initialize(keyApplicationId, keyParseServerUrl,
7       clientKey: keyClientKey, debug: true);
8   }
```

:::hint{type="info"}
**참고:&#x20;**&#xD568;수의 <font color="#2166ae">`debug`</font> 매개변수는 <font color="#2166ae">`Parse().initialize`</font>에 설정되어 있습니다 <font color="#2166ae">`true`</font>, Parse API 호출을 콘솔에 표시할 수 있도록 합니다. 이 구성은 코드 디버깅에 도움이 될 수 있습니다. 릴리스 버전에서는 디버그를 비활성화하는 것이 좋습니다.
:::

앱을 Back4App 서버에 성공적으로 연결하려면 Parse SDK에 백엔드 애플리케이션 자격 증명을 제공해야 합니다.

문자열 값을 애플리케이션 ID 및 클라이언트 키로 업데이트하십시오.

앱 대시보드 > 앱 설정 > 보안 및 키로 이동하여 애플리케이션 ID 및 클라이언트 키 자격 증명을 찾으십시오.

![백엔드 앱 ID 이미지](https://api.archbee.com/api/optimize/yD3zCY-NNBBIfd0uqcfR5/IYCmXJi-0nsTFw-agj-HK_testapp-credentials.png "Flutter 앱 백엔드")

이 자격 증명을 복사하고 <font color="#2166ae">`main.dart`</font>에 교체하십시오.

- `keyApplicationId = 앱 ID`
- `keyClientKey = 클라이언트 키`


3\. Parse 연결 테스트하기
------------------

SDK를 테스트하여 Parse와 백엔드가 Flutter 애플리케이션과 함께 작동하는지 확인해야 합니다.

프로젝트에 `First Class.`

테스트 코드를 <font color="#2166ae">`main.dart`</font>에 다음과 같이 추가합시다:

```dart
1 void main() async {
2   final keyApplicationId = 'YOUR_APP_ID_HERE';
3   final keyClientKey = 'YOUR_CLIENT_KEY_HERE';
4   final keyParseServerUrl = 'https://parseapi.back4app.com';
5
6   await Parse().initialize(keyApplicationId, keyParseServerUrl,
7        clientKey: keyClientKey, autoSendSessionId: true);
8
9  var firstObject = ParseObject('FirstClass')
10    ..set(
11        'message', 'Hey, Parse is now connected!🙂');
12  await firstObject.save();
13  
14  print('done');
15 }
```

앱을 실행하고 [Back4App 웹사이트](https://www.back4app.com/). 앱을 찾아 대시보드로 이동하세요.

이제 `데이터베이스` > `브라우저` > `First Class`. 아래 이미지와 같이 객체가 있는 First Class를 볼 수 있어야 합니다.

![백엔드에서 생성된 새 클래스 객체의 이미지](https://api.archbee.com/api/optimize/yD3zCY-NNBBIfd0uqcfR5/PLtrsfttnteqJfjxCrU8N_firstclass.png "First Class")

## 완료!

이제 Back4app 사용을 시작하는 방법을 정확히 알게 되었습니다. Flutter 애플리케이션에 Parse SDK를 설치하고 Back4App 백엔드에 연결하는 방법을 배웠습니다.
