# 요구 사항

<div id="system-requirements"></div>

## 시스템 요구 사항

<div class="ny-doc-strip">
<span class="ny-doc-strip-label">한눈에 보기</span>
<span class="ny-doc-strip-item">Flutter 3.38.4+</span>
<span class="ny-doc-strip-dot"></span>
<span class="ny-doc-strip-item">Dart SDK 3.10.7+</span>
<span class="ny-doc-strip-dot"></span>
<span class="ny-doc-strip-item">모든 Flutter 플랫폼</span>
<span class="ny-doc-strip-dot"></span>
<a href="https://docs.flutter.dev/get-started/install">Flutter 설치 →</a>
</div>

Nylo v7은 다음 최소 버전이 필요합니다:

| 요구 사항 | 최소 버전 |
|-------------|-----------------|
| **Flutter** | 3.38.4 이상 |
| **Dart SDK** | 3.10.7 이상 |

### 플랫폼 지원

Nylo는 Flutter가 지원하는 모든 플랫폼을 지원합니다:

| 플랫폼 | 지원 |
|----------|---------|
| iOS | ✓ 완전 지원 |
| Android | ✓ 완전 지원 |
| Web | ✓ 완전 지원 |
| macOS | ✓ 완전 지원 |
| Windows | ✓ 완전 지원 |
| Linux | ✓ 완전 지원 |

<div id="installing-flutter"></div>

## Flutter 설치

Flutter가 설치되어 있지 않다면, 운영체제에 맞는 공식 설치 가이드를 따르세요:

- <a href="https://docs.flutter.dev/get-started/install" target="_BLANK">Flutter 설치 가이드</a>

<div id="verifying-installation"></div>

## 설치 확인

Flutter 설치 후, 설정을 확인하세요:

### Flutter 버전 확인

``` bash
flutter --version
```

다음과 유사한 출력이 표시되어야 합니다:

```
Flutter 3.38.4 • channel stable
Dart SDK version: 3.10.7
```

### Flutter 업데이트 (필요한 경우)

Flutter 버전이 3.38.4 미만인 경우, 최신 안정 버전으로 업그레이드하세요:

``` bash
flutter channel stable
flutter upgrade
```

### Flutter Doctor 실행

개발 환경이 올바르게 구성되었는지 확인하세요:

``` bash
flutter doctor -v
```

이 명령어는 다음을 확인합니다:
- Flutter SDK 설치
- Android 툴체인 (Android 개발용)
- Xcode (iOS/macOS 개발용)
- 연결된 디바이스
- IDE 플러그인

Nylo 설치를 진행하기 전에 보고된 문제를 모두 해결하세요.

<div id="set-up-an-editor"></div>

## 에디터 설정

Flutter를 지원하는 IDE를 선택하세요:

### Visual Studio Code (권장)

<a href="https://code.visualstudio.com" target="_BLANK">VS Code</a>는 가볍고 뛰어난 Flutter 지원을 제공합니다.

1. <a href="https://code.visualstudio.com" target="_BLANK">VS Code</a> 설치
2. <a href="https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter" target="_BLANK">Flutter 확장 프로그램</a> 설치
3. <a href="https://marketplace.visualstudio.com/items?itemName=Dart-Code.dart-code" target="_BLANK">Dart 확장 프로그램</a> 설치

설정 가이드: <a href="https://docs.flutter.dev/get-started/editor?tab=vscode" target="_BLANK">VS Code Flutter 설정</a>

### Android Studio

<a href="https://developer.android.com/studio" target="_BLANK">Android Studio</a>는 내장 에뮬레이터를 지원하는 완전한 기능의 IDE를 제공합니다.

1. <a href="https://developer.android.com/studio" target="_BLANK">Android Studio</a> 설치
2. Flutter 플러그인 설치 (Preferences → Plugins → Flutter)
3. Dart 플러그인 설치

설정 가이드: <a href="https://docs.flutter.dev/get-started/editor?tab=androidstudio" target="_BLANK">Android Studio Flutter 설정</a>

### IntelliJ IDEA

<a href="https://www.jetbrains.com/idea/" target="_BLANK">IntelliJ IDEA</a> (Community 또는 Ultimate)도 Flutter 개발을 지원합니다.

1. IntelliJ IDEA 설치
2. Flutter 플러그인 설치 (Preferences → Plugins → Flutter)
3. Dart 플러그인 설치

<div id="nylo-editor-plugins"></div>

### Nylo 에디터 플러그인

Nylo는 VS Code와 JetBrains IDE를 위한 전용 플러그인을 제공합니다:

| 에디터 | 플러그인 |
|--------|--------|
| VS Code | <a href="https://marketplace.visualstudio.com/items?itemName=Nylo.vscode-nylo" target="_BLANK">Nylo for VS Code</a> |
| Android Studio, IntelliJ IDEA | <a href="https://plugins.jetbrains.com/plugin/33988-nylo" target="_BLANK">Nylo</a> |

이 플러그인은 프로젝트의 `.env` 파일마다 실행 구성을 하나씩 추가하며, 구성 이름은 파일 이름을 따릅니다. `.env`는 **Default**, `.env.staging`은 **Staging**이 됩니다. 구성을 실행하면 앱이 시작되기 전에 해당 파일로 `metro make:env`가 실행되므로, 환경을 전환할 때 환경 설정을 수동으로 재생성할 필요가 없습니다. 구성 목록은 `.env` 파일을 추가하거나 제거하면 업데이트됩니다.

VS Code에서는 **Run and Debug** 드롭다운에서 환경을 선택하거나, 명령 팔레트에서 **Nylo: Run Environment…**를 실행하세요. Android Studio와 IntelliJ IDEA에서는 실행 구성 드롭다운에서 선택하세요.

에디터가 구성되면, [Nylo 설치](/docs/7.x/installation)를 진행할 준비가 됩니다.