[Flutter] 개요 및 환경 세팅하기

Flutter 의 개요

Flutter는 Google에서 개발한 오픈소스 모바일 앱 개발 프레임워크입니다. Flutter는 Dart 언어를 사용하며, 모바일, 웹 및 데스크톱 플랫폼에서 앱을 빠르게 개발하고 배포할 수 있도록 도와줍니다. Flutter는 다음과 같은 이유로 인해 사용하는 것이 유용합니다:

1. 크로스 플랫폼 개발: Flutter는 하나의 코드베이스로 안드로이드 및 iOS 앱을 개발할 수 있습니다. 이를 통해 시간과 비용을 절약하며, 효율적인 개발을 할 수 있습니다.
2. 빠른 개발: Flutter는 빠르고 효율적인 개발을 가능하게 합니다. Hot Reload 기능을 통해 코드 변경사항을 실시간으로 반영할 수 있어 개발자들은 빠르게 반응하며 앱을 빠르게 개발할 수 있습니다.
3. 화면 구성: Flutter는 위젯 시스템을 사용하여 앱의 화면 구성을 쉽게 구성할 수 있습니다. 미리 구현된 위젯을 사용하거나 직접 구현하여 화면을 만들 수 있습니다.
4. 높은 성능: Flutter는 하드웨어 가속을 지원하여 앱의 성능을 높일 수 있습니다. 또한 Dart 언어를 사용하므로 AOT(Ahead-of-Time) 컴파일을 지원하여 앱의 실행 속도를 높일 수 있습니다.

 

Flutter는 모바일 앱 개발에 대한 높은 수요에 따라 계속해서 발전하고 있습니다. 이전에는 최악의 프로그래밍 언어로 뽑혔던 불명예를 안고 있긴 하지만 Flutter를 학습하는 것은 모바일 앱 개발자로서 경쟁력을 높일 수 있고 성장할 수 있는 방법중에 하나라고 생각합니다. 또한, Flutter는 개발자들에게 많은 취업 기회를 제공하고 있습니다. 따라서 Flutter를 학습하는 것은 모바일 앱 개발자로서 성장하기 위한 필수적인 기술 중 하나입니다.

 

---

 

Flutter 를 사용하기 위해

Flutter 로 앱을 개발하기 위해서는 먼저 Dart 언어의 SDK 를 설치하여야 합니다. SDK 는 Software Development Kit 의 약자로서 구글에서 제공해주는 소스코드의 모음과 유틸리티를 의미합니다. 

아래 링크에서 Flutter 의 Get Started 를 누르시면 다운로드가 가능합니다.

https://flutter.dev/

Flutter - Build apps for any screen

 

macOS 의 다운로드 링크입니다! 

https://docs.flutter.dev/get-started/install/macos

macOS install

 

설치 방법 및 환경 설정

다운로드 받은 파일의 경로에 맞춰 unzip 을 실행하고 아래와 같이 명령어를 실행해줍니다. 

$ cd ~/Downloads
$ unzip ~/Downloads/flutter_macos_3.7.6-stable.zip

## 설치 후 
$ export PATH="$PATH:`pwd`/flutter/bin"

그리고 flutter doctor 를 실행시켜 Flutter 명령어가 실행가능하도록 설정합니다.

$ flutter doctor

저의 경우 아래 작업들을 아직 수행하지 않았기 때문에 Android toolchain, Xcode 부분에서 문제가 있다고 합니다.

 

 

Git 으로 다운로드받고 설치하기

패키지 파일을 다운로드하는 방법이 아닌 git 으로 다운로드 받는 방법도 있습니다. 

$ git clone https://github.com/flutter/flutter.git -b stable

## 다운로드 후 
$ flutter precache

 

iOS 는 약간 방식이 다릅니다. 아래와 같이 명령어를 실행시줍니다. 

 

iOS 시뮬레이터 설정

$ sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
$ sudo xcodebuild -runFirstLaunch

 

그리고 시뮬레이터를 실행시키기 위한 open 명령어를 사용하면 다음과 같이 질문이 뜨는데 여기서 Install 을 누릅니다.

$ open -a Simulator

 

 

 

CLI 에서 프로젝트 생성하기

이제 설정은 모두 마쳤고, flutter 앱을 생성하여 실행이 잘 되는지 확인해봅니다. 실행은 아래와 같이 flutter run 을 실행시키면 됩니다만 우리는 안드로이드 스튜디오에서 플러터 앱을 생성하고 실행시켜보는 것까지 진행해보려 합니다.

$ flutter create flutter_first_myapp
$ cd flutter_first_myapp
$ flutter run

 

---

 

Android Studio 에서 프로젝트 생성하기

안드로이드 스튜디오가 설치되었다면 이제 Android Studio 를 실행시켜 줍니다.

Android Studio - Plugins - Marketplace 에서 flutter 검색

실행 후 Plugins 에서 'flutter' 로 검색해서 플러그인을 설치하면 IDE 재시작 후 아래와 같이 New Flutter Project 라는 버튼이 보이게 됩니다. 

 

New Flutter Project

버튼을 클릭해서 들어갔을 때 패키지로 설치한 후 Android Studio 를 실행하면 SDK Path 가 지정되어 있지만 git으로 다운로드 받은 경우 SDK Path 설정이 되어 있지 않습니다. git clone을 한 경로까지 SDK path 를 잡아준 후 Next 를 클릭합니다.

 

이제 여기서 어떤 옵션을 선택할지, 어느 디바이스에서 실행이 가능할지 설정해주는 부분입니다. (설정 값은 나중에 변경할 수 있으니 걱정안하셔도 됩니다.) 

프로젝트 기본 세팅 선택

이제 여기서 Finish 를 누르면 나의 첫번째 Flutter 앱이 생성됩니다.