Flutter 시작하기

 

안녕하세요, 오늘은 제가 자주 쓰던 Go언어에서 벗어나 다른 언어를 시도해 볼려고 합니다.
iOS 기반의 Swift언어에 관심이 많았었는데 iOS 환경에서만 동작하는 점도 싫어서 크로스 플랫폼인 Flutter을 도전해 보려고 합니다.
macOS을 기준으로 작성하였습니다.

플러터를 선택한 이유는?

크로스 플랫폼은 큰 틀에서 두 가지의 선택지가 있습니다.
JavaScript 기반의 React.js의 React Native가 있으며, Dart 기반의 Flutter가 있습니다.
React.js의 경우는 Facebook에서 만들어졌고 Flutter는 Google에서 개발하였습니다.
네이티브로 개발 된 앱을 플러터로 바꾸고 있습니다. (네이버 블로그앱에 플러터 도입 1년)를 보고 Flutter를 흥미롭게 생각하여서 선택하고 도전하게 되었습니다.
“Flutter를 서비스 중인 앱에 적용할 수 있을까?” 라는 질문이 온다면 위에서 언급한 영상과 더불어서 Flutter, 왜 선택하지 못했나를 보여 드리고 싶습니다, 각 언어의 장,단점은 있고 그 점을 참고하여 개발에 적합한 언어를 사용하는 편이 더 효율적으로 개발을 할 수 있다고 생각합니다.
네이티브 앱 / 웹앱 / 크로스플랫폼앱 / 하이브리 앱를 통해서 더 자세히 크로스 플랫폼가 무엇인지에 대해서 보실 수 있습니다.
재미로 [날것vlog] 서버 개발자의 “저기요” 앱 개발 도전 폭망 후기 (개발자 vlog)를 보시는 것도 추천드립니다 ㅎㅎ

Flutter Installtion

Install Flutter

가장 기본적인 Flutter 설치에 대해서 알아 보겠습니다. 설치 방법에도 2가지 방법이 있습니다.

  1. Flutter 공식 홈페이지에서 Flutter SDK를 통한 설치
  2. macOS 패키지 관리자인 Homebrew를 사용하여서 설치

Flutter 공식 홈페이지를 통한 설치

이 글를 쓰는 시점은 Flutter1.9 버전으로 인해서 SDK 압축파일을 설치할 수 없는 것 같습니다. 추후 확인 후 업데이트 하겠습니다!

$ cd ~/dev #자신이 원하는 디렉토리로 위치를 변경해 주시면 됩니다.
$ unzip ~/Downloads/flutter_macos_vX.X.X-stable.zip
$ export PATH="$PATH:`pwd`/flutter/bin"
$ flutter doctor

Flutter SDK 다운로드를 참고하여서 작성하였습니다.

  1. 자신이 원하는 위치에 압축을 풀어주세요.
  2. flutter 도구를 path에 추가 해 주세요.
  3. 설정을 완료하는데 필요한 플랫폼 의존성이 있는지 확인하기 위해서 명령어를 실행 해 주세요.
    설치가 필요한 내용들에 대해서 알려줍니다.

Homebrew를 통한 설치

# Homebrew가 설치가 안 되어 있는 경우
$ /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
$ brew install flutter
$ flutter doctor
  1. Homebrew가 설치가 안 되어 있는 경우 설치 해 주세요.
  2. Homebrew를 통해서 손쉽게 flutter를 설치할 수 있습니다.
  3. Doctor 명령어를 통해서 설정을 완료하는데 필요한 플랫폼 의존성이 있는지 확인하기 위해서 명령어를 실행 해 주세요. 설치가 필요한 내용들에 대해서 알려줍니다.

Install CocoaPods

iOS에서 Flutter를 구동시키 위해서는 CocoaPods가 필요합니다.
CocoaPods는 의존성 관리 매니저입니다.
Ruby 명령어인 gem를 통해서 설치할 수 있지만 저는 잘 안 되서 brew를 통해서 설치하였습니다.

$ brew install cocoapods

위처럼 Homebrew를 통해서 cocoapods를 설치할 수 있습니다.

Install Dart

Flutter는 Dart언어를 사용합니다. 그러므로 Dart SDK를 설치 해 주어야 합니다.

$ brew tap dart-lang/dart
$ brew install dart

Homebrew를 통해서 손쉽게 Dart SDK를 설치할 수 있습니다.

마무리

Homebrew를 통해서 손쉽게 Flutter 개발 환경을 구축해 보았습니다.
Flutter를 공부하고 많은 내용들을 블로그에 작성해 보겠습니다, 감사합니다.