(2021.12.13) MAC OS Flutter 설치 및 시작 Guide

MAC OS M1 Pro 로 Flutter 설치 과정을 공유합니다.
공식문서에 다 나와있지만 조금 더 읽기 편하게 정리해 봤습니다.

플러터 시작을 위해서는 IDE, XCode, Android Studio, 그리고 Flutter SDK 이렇게 총 4가지 소프트웨어의 설치 및 설정이 필요합니다.

1. IDE 설치 (VS Code 선택)

• VS Code와 Andriod Studio 둘 중 하나를 선택하여 사용 가능합니다.
• VS Code 설치 링크
• VS Code 에서는 아래 그림처럼 Dart extension을 설치해 줍니다.
  

2. XCode 설치

• IOS 시뮬레이터 사용과 배포를 위해서 XCode 설치가 필요합니다.
• 웹 다운로드 또는 APP Store에서 모두 설치 가능합니다. (다운로드에만 1시간 이상 소요될 수 있으니 마음의 준비를..)
• 다운로드 받고 실행하여 설치 진행 후 아래 코드를 설정해줘야 합니다.

sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
sudo xcodebuild -runFirstLaunch
sudo xcodebuild -license
sudo gem install cocoapods

• 여기서 cocopods 설치 오류가 난 경우 대부분 ruby 버전이 낮아서인 경우가 많습니다. 루비 버전 업데이트를 위해 아래 과정이 필요합니다.

  1. rvm (루비 버전 매니저) 다운받기
     curl -L https://get.rvm.io | bash -s stable
  2. rvm 명령어 사용을 위한 환경변수 등록
     source /Users/[username]/.rvm/scripts/rvm
     [username]은 "whoami" 라는 명령어로 확인하세요
  3. 루비 최신 버전 확인 및 설치
     루비 공식문서에서 버전 확인
     rvm install ruby-3.0.3 (2021.12.13 기준 최신 안정화 버전 3.0.3)

3. Android Studio 설치

• Android 에뮬레이터 사용과 배포를 위해 Android Studio 설치가 필요합니다.
• 다운로드 링크
• 설치 후 SDK Manager에 들어가서 Android SDK Command-line Tools 가 체크 및 설치되어 있는 지 확인하고 unchecked 시 체크 및 Apply 로 설치를 진행해 주세요
  

4. Flutter SDK 설치

• 설치파일 다운로드
  공식 홈페이지에서 SDK를 다운받아 unzip을 하거나 깃헙 레포에서 클론하는 방법 둘다 가능합니다.
• 다운로드 링크

mkdir ~/development (development란 디렉터리가 없는 경우 생성)
cd ~/development

(공홈에서 flutter_macos_2.8.0-stable.zip 라는 이름으로 다운받았을 경우)
unzip ~/Downloads/flutter_macos_2.8.0-stable.zip

(깃헙에서 클론하여 다운받고 싶을 경우)
git clone https://github.com/flutter/flutter.git -b stable
세요

• 경로 설정 (.zshrc 최하단에 path 설정)

zshrc 파일 열기
vim ~/.zshrc

zshrc 최하단에 아래 문구 붙여넣기
export PATH=$HOME/development/flutter/bin:$PATH

• 경로 설정이 끝나면 터미널을 완전히 종료 후 재 시작이 필요합니다.
• "flutter doctor"를 입력하여 플러터 사용에 필요한 설치가 모두 완료 되었는 지 확인 (아래 그림처럼 No issues found! 라는 문구가 나오면 사용할 준비가 완료된 것입니다. 이슈가 있을 경우 친절하게 해결할 명령어까지 알려주니 쉽게 해결할 수 있을 것입니다.
  

5. VS Code에서 플러터 시작

• 프로젝트를 열기 원하는 디렉터리 VS Code 열기 (code .)
• cmd + shift + p 입력하여 "Flutter: New Project" 선택
  
• Application 선택
  
• 프로젝트 생성할 폴더 선택
  
• 프로젝트 템플릿이 아래와 같이 생성되면 공식 문서 확인하여 dart로 플러터 코딩 시작!