카테고리 없음

Flutter 개발 환경을 구성

idea9329 2024. 9. 2. 14:22
반응형

Flutter 개발 환경을 구성하기 위해서는 몇 가지 기본적인 단계를 따라야 해. 여기서는 Windows, macOS, 그리고 Linux에서 Flutter 개발 환경을 설정하는 방법을 설명할게.

1. Flutter SDK 설치

먼저 Flutter SDK를 설치해야 해. Flutter 공식 웹사이트에서 운영체제에 맞는 SDK를 다운로드할 수 있어.

  • Windows:
    1. Flutter SDK에서 zip 파일을 다운로드하고, 원하는 위치에 압축을 풀어.
    2. Flutter SDK가 포함된 flutter 폴더의 경로를 시스템 환경 변수 PATH에 추가해. 이렇게 하면 명령 프롬프트나 PowerShell에서 Flutter 명령어를 사용할 수 있어.
    3. flutter doctor 명령어를 실행해, 필요한 의존성을 확인하고 설치해.
  • macOS:
    1. Flutter SDK에서 flutter_macos zip 파일을 다운로드하고, 원하는 위치에 압축을 풀어.
    2. flutter/bin 디렉토리를 시스템 PATH에 추가해.
    3. flutter doctor 명령어를 실행해, 필요한 의존성을 확인하고 설치해.
  • Linux:
    1. Flutter SDK에서 flutter_linux tar 파일을 다운로드하고, 원하는 위치에 압축을 풀어.
    2. flutter/bin 디렉토리를 시스템 PATH에 추가해.
    3. flutter doctor 명령어를 실행해, 필요한 의존성을 확인하고 설치해.

2. Android Studio 설치 (필수)

Flutter 개발을 위해 Android Studio를 설치하는 것이 일반적이야. Android Studio는 Flutter 프로젝트를 위한 강력한 IDE를 제공하고, Android 에뮬레이터나 실제 기기에서 앱을 테스트할 수 있게 해줘.

  • Android Studio는 여기에서 다운로드할 수 있어.
  • 설치 후 Android Studio를 열고, Flutter와 Dart 플러그인을 설치해.
    • 플러그인 설치 방법:
      1. Android Studio의 File 메뉴에서 Settings (또는 Preferences on macOS)를 클릭해.
      2. Plugins를 선택한 후, 검색창에 Flutter를 입력해 플러그인을 설치해. Dart 플러그인도 함께 설치돼.
  • Android SDK와 AVD (Android Virtual Device)를 설치하고 설정해야 해. 이는 Android Studio의 SDK Manager AVD Manager에서 관리할 수 있어.

3. Visual Studio Code 설치 (선택사항)

Visual Studio Code (VS Code)는 Flutter 개발을 위한 가벼운 IDE로 인기가 많아.

  • VS Code를 설치해.
  • VS Code에서 Flutter와 Dart 플러그인을 설치해:
    1. VS Code의 확장(Extensions) 메뉴에서 Flutter를 검색하고 설치해. Dart 플러그인은 함께 설치돼.
    2. 이후, flutter doctor 명령어를 실행하여 모든 설정이 제대로 이루어졌는지 확인해.

4. iOS 개발 환경 설정 (macOS 사용자만 해당)

만약 iOS 앱 개발을 위해 Flutter를 사용하고자 한다면, macOS에서 Xcode를 설치해야 해.

  • Xcode 설치: Mac App Store에서 Xcode를 다운로드하고 설치해.
  • Xcode를 처음 실행하고 필요한 구성 요소들을 설치한 후, flutter doctor 명령어를 실행해 Xcode 설정이 올바르게 되었는지 확인해.
  • xcode-select --install 명령어를 실행해 Command Line Tools도 설치해야 해.

5. 기타 설정 및 확인

모든 설치가 완료되면, flutter doctor 명령어를 실행해 모든 것이 올바르게 설정되었는지 확인해. 이 명령어는 설치된 도구와 의존성의 상태를 점검해줘.

  • flutter doctor는 부족한 요소나 문제가 있을 경우 안내해주므로, 필요한 경우 추가로 설정하거나 설치를 진행하면 돼.

6. 첫 번째 Flutter 프로젝트 생성

이제 Flutter 프로젝트를 생성할 수 있어.

  • CLI에서: flutter create my_first_app 명령어를 실행해 프로젝트를 생성해.
  • IDE에서: Android Studio나 VS Code에서 새로운 Flutter 프로젝트를 생성할 수 있어.
  • 프로젝트가 생성되면, IDE에서 main.dart 파일을 열고 코드 편집을 시작할 수 있어.

이제 Flutter 개발 환경이 완전히 설정되었어. 간단한 프로젝트를 시작해보면서 Flutter의 다양한 기능을 탐구해보자!

반응형