2강: 개발 환경 설정하기 – SDK와 IDE 설치

이제 플러터로 본격적으로 개발을 시작하기 전에, 필요한 개발 환경을 제대로 설정해보자. 이 강의에서는 플러터 SDK와 IDE(통합 개발 환경)를 설치하고 설정하는 방법을 다루어 볼 거야. SDK는 플러터의 핵심 툴과 라이브러리를 제공하고, IDE는 우리가 코드를 작성하고 실행할 수 있는 편리한 도구지. 한 번 설치해 두면 앞으로 개발을 훨씬 더 쉽게 진행할 수 있어.


Flutter SDK란?

플러터 SDK는 플러터 애플리케이션을 개발하기 위해 구글에서 제공하는 소프트웨어 도구 모음이야. 이 SDK에는 플러터 앱을 빌드하고 디버깅할 수 있는 필수 라이브러리와 도구들이 포함돼 있어. 설치 후, SDK는 다양한 플랫폼(iOS, Android, 웹 등)에서 앱을 실행할 수 있는 기능을 제공하지.


1. Flutter SDK 설치 방법

1) Flutter SDK 다운로드
  1. Flutter 공식 사이트(https://flutter.dev)에 접속해.
  2. 상단 메뉴에서 Get Started를 클릭한 후, 자신의 운영체제(Windows, MacOS, Linux)에 맞는 버전을 선택해 다운로드해.
  3. 다운로드가 완료되면, 압축 파일을 풀고 SDK 파일을 적절한 폴더에 위치시키자. 예를 들어, C:\src\flutter에 저장하면 관리하기 편리할 거야.
2) 환경 변수 설정 (Windows 사용자)

플러터 SDK 경로를 설정해서 터미널(명령 프롬프트)에서 언제든 플러터 명령어를 사용할 수 있도록 해야 해.

  1. 시스템 속성에서 고급 시스템 설정으로 들어가.
  2. 환경 변수를 선택한 후, 시스템 변수 중 ‘Path’를 찾아 편집 버튼을 클릭해.
  3. 새로 만들기 버튼을 누르고 플러터 SDK의 bin 폴더 경로 (C:\src\flutter\bin)를 입력해.

이렇게 설정하면, 터미널에서 flutter 명령어를 사용할 수 있어.

3) 설치 확인하기

이제 명령 프롬프트터미널을 열고, flutter doctor 명령어를 입력해봐. 이 명령어는 개발 환경을 점검하고 플러터가 설치되어 있는지, 추가로 필요한 구성 요소가 있는지 알려줘.


2. 개발 환경을 위한 IDE 선택

플러터 개발에는 Visual Studio CodeAndroid Studio라는 두 가지 IDE가 주로 사용돼. 어떤 IDE를 사용할지는 개발자의 취향에 따라 다르지만, 플러터 플러그인 지원이 잘 되어 있어 사용이 편리해.


3. Visual Studio Code 설치 및 설정

**Visual Studio Code(VS Code)**는 가볍고 빠르며, 많은 개발자가 선호하는 IDE야. 플러그인을 통해 플러터 개발에 필요한 기능을 손쉽게 확장할 수 있어.

1) Visual Studio Code 다운로드 및 설치
  1. Visual Studio Code 공식 사이트로 이동해 운영체제에 맞는 설치 파일을 다운로드해.
  2. 다운로드한 파일을 실행해 설치 과정을 완료해.
2) Flutter와 Dart 플러그인 설치
  1. VS Code를 실행하고, 왼쪽 메뉴에서 Extensions(확장 프로그램) 아이콘을 클릭해.
  2. **검색창에 ‘Flutter’**를 입력하고, Flutter 플러그인을 설치해. 이 플러그인을 설치하면 다트(Dart) 플러그인도 함께 설치돼.
  3. 설치가 완료되면 VS Code에서 플러터 프로젝트를 생성하거나 실행할 수 있어.

4. Android Studio 설치 및 설정

Android Studio는 구글에서 만든 공식 IDE로, 플러터와 다트를 쉽게 통합해 사용할 수 있어. 특히 Android 에뮬레이터를 사용할 수 있다는 점에서 장점이야.

1) Android Studio 다운로드 및 설치
  1. Android Studio 공식 사이트에서 설치 파일을 다운로드해.
  2. 설치 파일을 실행해 설치를 완료해.
2) Flutter 플러그인 설치
  1. Android Studio를 열고, File > Settings > Plugins로 이동해.
  2. 상단 검색창에 Flutter를 입력한 후, Flutter 플러그인을 설치해. 이와 함께 Dart 플러그인도 자동으로 설치돼.
  3. 설치 후 IDE를 재시작하면, 플러터 프로젝트를 생성하고 빌드할 수 있는 옵션이 추가돼 있을 거야.

5. Flutter Doctor로 최종 확인

모든 설치와 설정이 끝났다면, 다시 터미널에서 flutter doctor를 실행해보자. 이제 환경 구성이 완료되었는지, 추가로 설정할 것이 있는지를 확인할 수 있어. 예를 들어, iOS 개발을 위해서는 MacOS에서 Xcode가 필요하고, Android 개발을 위해서는 Android SDK가 필요하다는 안내가 뜰 수도 있어.

이제 플러터와 IDE 설정이 끝났으니, 다음 강의부터는 기본 앱을 만들어보면서 플러터의 기능을 하나씩 익혀보자!