# 준비 사항 안내

{% hint style="info" %}
Push SDK 설정을 테스트 한 앱의 정보는 다음과 같습니다.

* Flutter: `0.71.1`
* android : 

  `targetSdkVersion = 31 ,`

      `Test Device = Android 9.0 , Android 12.0`

* iOS :

  `Xcode = 14.2 version ,`

      `Deployment Target = 12.4 ,`

      `Test Device = 15.7.1` 
{% endhint %}

### 1. Flutter 플러그인 설치 (AOS/IOS 공통 설정) <a href="#push-flutter-plugin" id="push-flutter-plugin"></a>

### 1.1 pubspec.yaml에 depedency 추가

아래 경로에 있는 `pubspec.yaml` 파일에 `dot_flutter: ^1.0.12` 와 Firebase 관련 dependency를 추가합니다.

![](https://423922975-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M_ZKcnBFmefw9Yfed6b-3102695190%2Fuploads%2FNZJCIwEFhXWCbahJvlR3%2Fimage.png?alt=media\&token=acc70b2b-b7f0-4605-b1fd-0804b90c35b6)

```yaml
dependencies:
  flutter:
    sdk: flutter 
  
  # Wisetracker Analytics SDK   
  dot_flutter: ^1.0.12
  
  
# firebase flutter packages
  firebase_core: ^2.29.0
  firebase_messaging: ^14.8.1
  
```

### 1.2 프로젝트 폴더에서 커맨드 라인으로 아래 명령어를 실행해주세요.

```
flutter pub get
```

### 1.3 의존성 추가 완료 이후, dart 파일에서 패키지를 import하여 사용 할 수 있습니다.

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

### 와이즈트래커 대시보드 계정 준비

다음과 같이 푸시메시지 수신을 위한 적용이 완료되면, 와이즈트래커 대시보드에서 테스트를 진행하실 수 있습니다.

적용 후 바로 테스트까지 진행하실 수 있도록, 고객사 담당자를 통해 대시보드에 로그인할 수 있는 계정을 전달받아 로그인 후 마케팅 메시지 메뉴가 확인이 되는지까지 체크 해 주세요.&#x20;

[<mark style="color:blue;">**와이즈트래커 대시보드 로그인 하기↗️**</mark>](https://analytics.wisetracker.co.kr/)

<figure><img src="https://423922975-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M_ZKcnBFmefw9Yfed6b-3102695190%2Fuploads%2Fx8kj6Gr6K9ErouIRluY0%2Fimage.png?alt=media&#x26;token=787d4810-67d0-491a-8ea0-7f74f0425e25" alt=""><figcaption></figcaption></figure>

그럼 이제 OS 별로 푸시메세지 적용을 위한 단계를 시작해 볼까요? 🏃🏻‍♂️