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

James·2021년 12월 13일
flutter
0

Flutter

목록 보기
1/1

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로 플러터 코딩 시작!
profile
James
웹개발자 James 입니다.

0개의 댓글