---
title: 빠른 시작
slug: docs-kr
description: Back4app의 기능으로 애플리케이션 개발 간소화: 데이터베이스, API 및 인증.
image: https://www.back4app.com/_public/img/back4app-og.png
createdAt: 2024-01-16T19:22:06.326Z
---

Back4app은 현대 애플리케이션 구축을 간소화하는 로우코드 백엔드 플랫폼입니다. 이 가이드는 Back4app을 빠르게 설정하고 데이터를 저장하는 데 도움이 될 것입니다.

## Back4app 주요 기능

- 데이터베이스 (실시간 기능)
- 클라우드 코드 함수
- API (GraphQL 및 REST)
- 파일 저장소
- 인증
- 웹 배포
- 푸시 알림

## 5분 빠른 시작

Back4app 계정과 첫 번째 앱을 만든 후, 앱 대시보드로 이동하여 <font color="#2166ae">`앱 설정 -> 보안 및 키`</font>에서 앱 키를 가져옵니다 (아래 이미지를 확인하세요). Back4app과 연결하려면 항상 두 개의 키가 필요합니다. 하나는 <font color="#2166ae">`애플리케이션 ID`</font>, 그리고 사용하려는 <font color="#2166ae">`SDK`</font>에 따라 다른 키가 필요합니다.

![](https://api.archbee.com/api/optimize/yD3zCY-NNBBIfd0uqcfR5/pGTX6D2rGm8Ohe9w99cin_app-settings.png)

### 1. Parse SDK 설치 및 구성

Parse SDK를 통합하려면 다음 일반 단계를 따르세요:

**Parse SDK 설치:**

- **JavaScript / Node.js**: `npm install parse --save`
- **React Native**: `npm install parse @react-native-async-storage/async-storage --save`, 그런 다음 `cd ios && pod install`
- **Flutter**: `parse_server_sdk_flutter`를 `pubspec.yaml`
- **Android (Java):** 앱의 `build.gradle`를 `dependencies{}`:&#x20;

:::CodeblockTabs
build.gradle

```java
implementation "com.github.parse-community.Parse-SDK-Android:parse:latest_version"
```
:::

- **iOS (Swift)**: CocoaPods 설치 `(sudo gem install cocoapods)` 및 Parse를 `Podfile`

**Parse SDK 초기화**를 Application ID와 적절한 키로 설정:

```javascript
Parse.initialize('YOUR_APPLICATION_ID', 'YOUR_JAVASCRIPT_KEY');
Parse.serverURL = 'https://parseapi.back4app.com/';
```

*위의 예는 JavaScript/Node.js용입니다. 플랫폼에 맞게 조정하세요.*

### 2. Back4app에 데이터 저장하기

SDK가 제대로 설정되었는지 확인하기 위해 샘플 객체를 생성하고 저장합니다. 아래 예제를 사용하고 프로그래밍 언어에 맞게 조정하세요:

```javascript
async function saveNewPlayer() {
    const player = new Parse.Object('Player');
    player.set('name', 'Alex');
    player.set('yearOfBirth', 1997);
    player.set('emailContact', 'alex@email.com');
    player.set('attributes', ['fast', 'good endurance']);
    
    try {
        const result = await player.save();
        console.log('New object created with ID:', result.id);
    } catch (error) {
        console.error('Failed to save object:', error.message);
    }
}
```

저장 후, Back4app의 **앱 대시보드**에서 데이터를 확인할 수 있습니다.

### 3. 플랫폼별 설정

**JavaScript - React / Angular**

- **SDK 설치하기**: `npm install parse --save`
- **앱 키와 Back4app 서버 URL로 초기화하기**

**플러터**

1. 추가 `parse_server_sdk_flutter` 당신의 `pubspec.yaml:`

:::CodeblockTabs
pubspec.yaml

```yaml
dependencies:
  parse_server_sdk_flutter: ^latest_version
```
:::

&#x20;   2\.  **초기화** Parse in `main.dart:`

```dart
await Parse().initialize('YOUR_APPLICATION_ID', 'https://parseapi.back4app.com', clientKey: 'YOUR_CLIENT_KEY');
```

**안드로이드 (코틀린/자바)**

- **포함** SDK를 `build.gradle`에 추가하고 `AndroidManifest.xml`에서 네트워크 권한을 설정하세요.
- **초기화** in `App.kt:`

```kotlin
Parse.initialize(new Parse.Configuration.Builder(this)
    .applicationId(getString(R.string.back4app_app_id))
    .clientKey(getString(R.string.back4app_client_key))
    .server(getString(R.string.back4app_server_url))
    .build()
);
```

**iOS (Swift)**

1. 프로젝트에 `ParseSwift`를 CocoaPods를 사용하여 추가하세요.
2. `AppDelegate.swift에서 Parse를 초기화하세요:`

:::CodeblockTabs
AppDelegate.swift

```swift
let configuration = ParseClientConfiguration {
    $0.applicationId = "YOUR_APPLICATION_ID"
    $0.clientKey = "YOUR_CLIENT_KEY"
    $0.server = "https://parseapi.back4app.com"
}
Parse.initialize(with: configuration)
```
:::

**PHP**

1. **SDK 설치**를 위해 composer.json을 생성하여 Composer로 설치하세요:

:::CodeblockTabs
composer.json

```json
{
    "require": {
        "parse/php-sdk" : "1.6.*"
    }
}
```
:::

그런 다음 `composer.install`을 실행합니다.

&#x20;   2\. **PHP 스크립트에서** Parse를 초기화합니다:

```php
require 'vendor/autoload.php';
ParseClient::initialize('YOUR_APP_ID', 'YOUR_REST_KEY', 'YOUR_MASTER_KEY');
ParseClient::setServerURL('https://parseapi.back4app.com', '/');
```

&#x20;   3\. **데이터 저장** in PHP:

:::CodeblockTabs
composer.json

```php
$player = new ParseObject("Player");
$player->set("name", "Alex");
$player->set("yearOfBirth", 1997);
$player->set("emailContact", "alex@email.com");
$player->setArray("attributes", ["fast", "good endurance"]);
$player->save();
```
:::

**.NET (C#)**

1. **설치** Parse SDK를 Visual Studio의 NuGet 패키지 관리자를 통해 설치합니다.
2. **초기화** 애플리케이션에서 Parse를 초기화합니다:

```csharp
ParseClient.Initialize(new ParseClient.Configuration {
    ApplicationId = "YOUR_APP_ID",
    Server = "https://parseapi.back4app.com",
    ClientKey = "YOUR_CLIENT_KEY"
});
```

&#x20;   3\. **데이터 저장** in C#:

```csharp
var player = new ParseObject("Player")
{
    ["name"] = "Alex",
    ["yearOfBirth"] = 1997,
    ["emailContact"] = "alex@email.com",
    ["attributes"] = new List<object> { "fast", "good endurance" }
};
await player.SaveAsync();
```

**REST API**

1. **데이터 저장** via REST by sending a POST request:

```bash
curl -X POST \
-H "X-Parse-Application-Id: YOUR_APP_ID" \
-H "X-Parse-REST-API-Key: YOUR_REST_KEY" \
-H "Content-Type: application/json" \
-d '{"name":"Alex", "yearOfBirth":1997, "emailContact":"alex@email.com", "attributes":["fast", "good endurance"]}' \
https://parseapi.back4app.com/classes/Player
```

### 4. 추가 자료 및 예제

시작할 수 있는 많은 예제 앱과 스타터 프로젝트가 있습니다.

- [ReactJS 슬랙 클론](https://github.com/templates-back4app/react-js-slack-clone) - 실시간, 관계형 쿼리 및 인증을 사용하는 React 템플릿입니다.
- [Flutter 사용자 로그인/가입](https://github.com/templates-back4app/flutter-user-signup) - 사용자 가입/로그인 플러터 템플릿입니다.<font color="#2166ae">`Parse.User`</font> 클래스입니다.
- [React Native 연관성](https://github.com/templates-back4app/react-native-js-associations)  - 연관성과 관계형 쿼리를 깊이 탐구하는 React Native 템플릿입니다.<font color="#2166ae">`포인터`</font> 및<font color="#2166ae">`관계`</font>.
- [Flutter 파일 저장소](https://www.back4app.com/docs/flutter/parse-sdk/flutter-save-file)  - Flutter 앱에서 파일을 저장하는 방법입니다.
- [Kotlin-Android의 GeoPointers](https://github.com/templates-back4app/AndroidGeoLocationKotlin)  - Android에서 GeoPointers를 탐구합니다.
- [Swift-iOS의 ToDo List 예제](https://github.com/templates-back4app/ios-template-todo-list)  - Swift로 작성된 ToDo List 예제입니다.

더 많은 예제를 찾으세요 [Back4app 템플릿.](https://github.com/templates-back4app)

## &#x20;다음에 할 일은 무엇인가요?

빠른 시작을 완료한 후, 아래 가이드를 통해 Back4app의 주요 기능을 탐색해 보시기 바랍니다. 관계형 데이터를 저장하고 쿼리하는 방법, 백엔드 로직을 위한 클라우드 함수를 구현하는 방법, 사용자에게 업데이트를 유지하기 위한 실시간 구독 사용, 파일 저장 관리, 푸시 알림 전송, 인증 설정 방법을 배울 수 있습니다. 프로젝트에 가장 적합한 기술을 선택하고 여정을 즐기세요!

::::LinkArray
:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/yD3zCY-NNBBIfd0uqcfR5/pEkmfq5PdkxC3lmfRzYsE_1.png"}
&#x20;       **[리액트 네이티브](https://www.back4app.com/docs/react-native/parse-sdk/react-native-sdk)**
:::

:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/yD3zCY-NNBBIfd0uqcfR5/tPONkoW1aPPhiAdTvbvrx_sem-nome-rectangle-sticker-landscape.png"}
**[플러터](https://www.back4app.com/docs/flutter/parse-sdk/parse-flutter-sdk)**
:::

:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/yD3zCY-NNBBIfd0uqcfR5/vqJJw7ljIhPJ1Yfz7mD9n_3.png"}
[안드로이드 ](https://www.back4app.com/docs/android/android-project-with-source-code-download)
:::

:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/yD3zCY-NNBBIfd0uqcfR5/rzkB1YU-Feimt_SWfZUuC_4.png"}
[iOS](https://www.back4app.com/docs/ios/ios-app-template)
:::

:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/yD3zCY-NNBBIfd0uqcfR5/GsQE6ru-jj2rRbUt7P3Tr_5.png"}
**[자바스크립트](https://www.back4app.com/docs/javascript/parse-javascript-sdk)**
:::

:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/yD3zCY-NNBBIfd0uqcfR5/35IqTes9QhdmijlReYBYZ_6.png"}
[그래프QL](https://www.back4app.com/docs/parse-graphql/graphql-getting-started)
:::

:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/yD3zCY-NNBBIfd0uqcfR5/D4RecbrtvjfbKUfb4yRbP_7.png"}
[아이오닉](https://www.back4app.com/docs/js-framework/ionic/ionic-template)
:::

:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/yD3zCY-NNBBIfd0uqcfR5/yOia2J8LzE-r1WSHQ7ZSQ_8.png"}
[자마린](https://www.back4app.com/docs/xamarin/xamarin-templates)
:::
::::

