설치하기
Flutter는 Google에서 제공하는 오픈소스 프레임워크입니다. Dart언어를 사용하며, 크로스플랫폼 개발 툴입니다.
Mac 환경에서 Flutter를 설치해봅시다.
Flutter 설치
- 아래의 url로 이동하여 SDK를 다운로드해주세요.
- Get the Flutter SDK 아래에 있는 링크로 파일을 다운로드 해주세요
- 2022-05-02 기준 'flutter_macos_2.10.5-stable.zip'
- 원하는 곳에 unzip 합니다.
- 필자는 Documents/Work/SDK 하위에 unzip
- Documents/Work/SDK/flutter 폴더가 생성됨.
4.환경변수 저장하기
- terminal 에서 vim $HOME/.zshrc를 입력합니다.
- 다음 명령어를 입력합니다.
export PATH="$PATH:Documents/Work/SDK/flutter/bin"
(내가 flutter를 unzip한 위치) - :wq를 입력하고 저장 후 나가기 합니다.
- 터미널을 열어 source $HOME/.zshrc 그리고 echo $PATH를 차례로 입력합니다.
-
터미널은 command + space 로 Spotlight를 열어 terminal 을 입력하면 켜집니다.
👏여기까지 따라 오셨으면 터미널에서 'flutter' 커맨드가 가능합니다!👏
- 터미널에 'flutter doctor'를 입력하여 정상 설치를 확인합니다.
자세히 읽어 보시면 XCode, Andriod Studio, VS Code에 빨간 불이 들어오셨을 것입니다. 아래 단계를 계속 진행하여 봅시다!
VSCode 설치
- 아래의 url로 이동하여 VS Code를 설치해주세요.
- 다운로드 파일을 압축해제 후, 앱을 Applications로 옮겨 줍니다.(드래그)
-
VSCode를 실행합니다. 왼쪽 사이드 바에서 '확장(Extentions)'으로 이동합시다.
-
'dart'와 'flutter'를 각각 검색하여 인스톨해줍니다.
- '마켓플레이스에서 확장 검색'에서 검색합니다.
- 터미널에 'flutter doctor'를 입력하여 VSCode정상 설치를 확인합니다.
Android Studio 설치
- 아래의 url로 이동하여 Android Studio를 설치해주세요.
- 내 컴퓨터에 맞는 버전을 확인하고 다운로드 받으세요!
- 아이콘을 Applications로 이동하면 자동으로 다운됩니다.
- 설치가 완료되고, 안드로이드 스튜디오가 실행되면 more Actions에 SDK Manager로 이동합니다.
- 혹은 Tools - SDK Manager로 이동하면 됩니다.
- SDK Tools 탭으로 이동하여 'SDK Command-line Tools'를 체크 후 설치 합니다.
- 본인은 필요에 의해 CMake, NDK 또한 설치함.
- 터미널에 'flutter doctor'를 입력하여 Android Studio 정상 설치를 확인합니다.
- 라이센스때문에 빨간불이 들어올 겁니다. 아래의 커맨드를 터미널에 입력하세요(혹은 터미널에 안내되는 커맨드를 실행하시면 됩니다.)
flutter doctor --android-licenses
JDK 설치
Android Studio에서는 JDK를 기본적으로 설치가 되어 있어야 실행이 됩니다.
잘설명된 블로그를 찾아서 공유 드려요!
XCode 설치
- 앱스토어로 이동하여 'XCode'를 설치합니다.
-
혹은 아래의 url로 이동하여 자신이 개발해야 하는 swift버전에 맞는 XCode를 설치합니다.
-
안드로이드처럼 상위 swift 버전이 하위 swift 버전에 대한 대응을 못함.
-
여러버전의 XCode를 설치하여 swap하며 사용할수 있습니다.
- M1 사용자의 경우 아래 url로 이동하여 Rosetta2를 설치합니다.
https://github.com/flutter/flutter/wiki/Developing-with-Flutter-on-Apple-Silicon
- 터미널에 'flutter doctor'를 입력하여 XCode정상 설치를 확인합니다.
-
cocoapods not installed 가 뜨면 아래 url로 이동하여 설치합니다.
-
XCode에서 안드로이드의 gradle과 같은 역할을 합니다.(의존성 관리 매니저)
- XCode가 설치되었는데 flutter doctor에서 인식 안되는 경우에는 XCode에서 빈프로젝트를 만들어보거나 컴퓨터를 재부팅하는 방법을 사용해보자
xcode 라이센스 동의 및 에뮬레이터 설치
https://docs.flutter.dev/get-started/install/macos/mobile-ios
Homebrew 설치
아래의 url로 이동하여 homebrew를 설치한다.
https://brew.sh/index_ko
for cocoapod
cocoaPod를 설치할때 간혹 설치가 안되는 경우가 있습니다. 그때 Homebrew를 설치하여 따라해주세요.
설치
$ brew cleanup -d -v
$ brew install cocoapods⚠️ opt/homebrew/bin%20is%20not%20in%20your%20PATH. 발생시 아래 명령어 실행
$ echo 'export PATH=/opt/homebrew/bin:$PATH' >> ~/.zshrc
source $HOME/.zshrc 그리고 echo $PATH 을 터미널에 입력
설치 되었는지 확인
$ pod --version참고
for flutter & fvm
설치
$ brew install flutterfvm 활성화
$ flutter pub global activate fvm환경 변수 설정
$ vi ~/.zshrc아래와 같이 .zshrc 파일에 환경 변수 추가
export PATH="$PATH":"$HOME/flutter/bin"
export PATH="$PATH":"$HOME/bin/cache/dart-sdk/bin"
export PATH="$PATH":"$HOME/.pub-cache/bin"source $HOME/.zshrc 로 업데이트
