Flutter 개발 환경 구축

Flutter 개발 환경 구축 과정을 설명한다. MacOS 기반으로 진행하며, 모바일 앱 개발 환경을 구축한다. 다른 OS 환경에서도 비슷한 과정을 거쳐 개발 환경을 구축하게 된다.

1. Flutter SDK 설치

Flutter SDK 설치는 2가지 방법이 존재 한다. 홈페이지에서 직접 다운 받아서 설치하는 방법과 HomeBrew를 이용한 설치 방법이 있다. 여기서는 2가지 방법 모두 설명하겠다.

1.1. 홈페이지에서 다운 받아 설치 하는 방법

Fluuter 홈페이지에서 sdk를 다운 받은 후, 적정 위치에 복사 한다. Flutter 홈페이지는 하기 링크에 있다.
홈페이지 : https://docs.flutter.dev/get-started/install
OS 버젼별로 있으며, 여기서는 MacOS 기준으로 설명하기 때문에 MacOS용 SDK를 다운로드 받는다.

macOS 버튼을 눌러 다음으로 진행 한다.

iOS 버튼을 눌러 다음으로 진행 한다.

Download then install Flutter 에서 자신의 CPU에 맞는 SDK를 다운 받는다.

다운로드 받은 SDK를 적정 위치에 복사한다. 여기서는 /usr/local 디렉토리에 복사한다.

% unzip flutter_macos_3.16.9-stable.zip
% mv flutter /usr/local/

Flutter SDK 경로를 Path에 등록한다. 홈 디렉토리 .zshrc 파일에 하기 내용을 추가 한다.

% vi ~/.zshrc

// 추가해야 될 내용
export PATH="/usr/local/flutter/bin:$PATH"

위 과정을 진행 했으면 SDK 설치는 끝났다. 설치가 정상적으로 마무리 되었다면, 터미널 상에서 하기 명령으로 설치된 것을 확인 할 수 있다.

% flutter --version

1.2. Homebew를 이용한 설치 방법

Homebrew는 오픈 소스 패키지 관리자로, macOS에서 소프트웨어 설치 및 관리를 간소화 해준다. Homebrew 설치 과정은 인터엣에 많이 있으므로 생략한다. Homebrew가 이미 설치 되어 있다는 가정하에 설명 한다.

Homebrew를 이용한 설치 과정은 매우 간단하다. 다음 명령만 수행하면 Flutter SDK 설치 과정은 마무리 된다.

% brew update
% brew install flutter

2. Xcode 설치 및 설정

Flutter를 이용하여 iOS 앱을 생성하려면 Xcode 설치가 필요하다. App Store에서 Xcode를 설치 한다. Xcode 설치 과정은 매우 간단하므로 생략하겠다. Xcode를 설치 한 후 터미널 상에서 다음 명령을 수행하여 설정을 진행 한다.

% sudo xcode-select -s /Applications/Xcode.app/Contents/Developer
% sudo xcodebuild -runFirstLaunch
% sudo xcodebuild -license

% xcodebuild -downloadPlatform iOS
% open -a Simulator

정상적으로 진행되면 iOS 시뮬레이터가 실행될 것이다.

3. Android Studio 설치 및 설정

마찬 가지로 Flutter를 이용하여 android 앱을 생성하려면 android studio 설치가 필요하다. 이 과정 역시 인터넷에 잘 나와 있으므로 생략하겠다. Android Studio 설치 완료 후 다음과 같이 설정 해야 한다.

SDK Manager에서 Android SDK Command-line tools을 설치한다.

플러그인 설치 창에서 Flutter 플러그인을 설치 한다.

Android 라이센스 동의를 위해 터미널에서 다음 명령을 수행 한다.

% flutter doctor --android-licenses

4. VS Code 설치 및 설정

Flutter는 VS Code IDE를 통해서 개발을 진행 할 수 있다. VS Code 상에 Flutter 환경 설정을 설명 한다. VS Code를 먼저 설치 한다. 이 과정 또한 인터넷 상에 많이 있으므로 생략한다. VS Code를 설치 하고 다음 설정을 진행 한다.

Plugin 설치 창에서 flutter 플러그인을 설치 한다.

이 과정만 진행하면 VS Code에서 Flutter 개발을 진행할 수 있다.

5. Flutter 개발 환경 최종 확인

위에서 설명한 과정을 수행하면 Flutter를 이용한 모바일 앱 개발 환경 구축이 끝난다. 최종적으로 터미널에서 하기 명령을 수행하여 정상적으로 Flutter 개발 환경이 구축 되었는지 확인 한다.

% flutter doctor

Flutter 개발 환경 구축 – MacOS