플러터(Flutter) MacOS 설치하기

Flutter

구글이 출시한 오픈 소스 크로스 플랫폼 GUI 애플리케이션 프레임워크이다.

플러터를 이용하면 하나의 코드 베이스를 가지고도 다양한 타깃 플랫폼에 맞는 앱을 만들 수 있다.

하지만, 플러터 자체는 프로그래밍 언어가 아니기 때문에 다트(Dart) 언어 위에 플러터를 더해 사용하게 된다.

 

MacOS 설치

Install

 

1. 코드 복사 후 터미널을 열고 실행 (M1칩 사용 시 버전 업그레이드)

sudo softwareupdate --install-rosetta --agree-to-license

※ Apple Silicon Mac에 설치하는 경우  일부 보조 도구에 사용할 수 있는 Rosetta 번역 환경이 있어야 한다 .

 

2. M1용 Flutter SDK 다운로드

이 zip파일에는 플러터 도구와 플러터 프레임워크가 포함되어 있다.

 

3. 압축 풀기(아래는 터미널을 통해 명령어로 푸는 것인데, 직접 폴더에서 풀어도 된다.)

 

4. fultter설치된 파일들을 옮긴 경로를 지정

💡Tip! :  .zshrc파일을 업데이트 : ① 일반 텍스트 편집기로 업데이트

                                                  ② 파일을 찾지 못하면 그냥 생성

                                                  ③ 숨겨져 있을 경우 CMD + SHIFT + . 눌러서 확인

 

②번 방법 사용 : 터미널 열고 아래 명령 입력하기

cd ~			# 사용자 디렉토리 이동
pwd				# 현재 디렉토리 경로 출력
vi .zshrc		# 입력 후, i를 눌러 insert모드로 변환

export PS1=" \$ "
export PATH="$PATH:/Volumes/development/tools/flutter/bin"		# export PATH="$PATH:경로입력/bin"

# 입력 후 esc 누르기(insert모드 끄기) -> :wq 입력 (쓰고 나가기)

 

저장 후 터미널을 닫았다가 다시 실행 후 아래 명령어를 입력하면 경로가 출력되는 것을 볼 수 있다.

which flutter

 

 5. 시스템에 플러터 개발에 필요한 모든 준비가 되었는지 확인할 수 있는 명령어

flutter doctor

 

iOS와 Android 설치

∙ iOS와 Xcode

1. App Store 이용하여 Xcode 설치

2. 터미널에 아래 명령 실행

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

 

3. Xcode 라이센스 계약에 서명한다는 명령 실행

sudo xcodebuild -license

    스페이스를 눌러 계약 끝까지 내린다음 agree 입력 후 엔터를 누른다.

 

4. iOS 시뮬레이터 설정

    iOS 시뮬레이터에서 Flutter 앱을 실행하고 테스트할 준비를 하려면 아래 명령을 실행한다.

open -a Simulator

 

5. iOS 시뮬레이터 생성 및 부팅

 

∙ Android Studio

1. Android 스튜디오 웹사이트로 가서 최신 버전의 Android 스튜디오를 다운로드

Download Android Studio & App Tools - Android Developers

 

2. 설치 완료된 파일을 오픈

    2-1. 여기서 Standard로 설정하고 Next를 눌러줍니다.

        Standard : 안드로이드 스튜디오에서 제공되는 가장 일반적인 설정과 옵션으로 설치(사용자 권장)

        Custom : 설치 설정 및 설치된 구성 요소를 사용자가 지정

    2-2. 테마 설정

    2-3. 설정 확인

    2-4. 라이센스 동의

        옆에 목록을 하나씩 선택 후 Accept(수락)을 누른 뒤 Finish 클릭

    2-5. 다운로드

    2-6. 추가 소프트웨어 설치

        SDK Manager 클릭

           SDK Platforms : Android API 34, Android 13.0 설치

        SDK Tools : Android SDK Build-Tools 34, Android SDK Command-line Tools(latest),

                           Android Emulator, Android SDK Platform-Tools 체크 후 OK 버튼 클릭

    2-7. 설치

 

3. 터미널 실행 후 Flutter Doctor를 다시 실행해서 Android 개발에 필요한 모든 게 플러터에 있는 지 확인

 

4. 위 [ ! ] 표시 되어 있는 것을 찾아 다시 설치 (해당 사항 없으면 건너뛰어도 된다.)

    4-1. 위에서 두번째 [ ! ] Android toolchain ...  해결 하기 위해 아래 명령어 실행 후 나오는 라이센스 모두 y 입력

flutter doctor --android-licenses

Flutter doctor 다시 실행 해 [ ✓ ] 로 바뀌었으면 완료!

    4-2. 위에서 세번째 [ ! ] Xcode - develop for ... 해결 하기 위해 CocoaPods 설치 (터미널에 아래 명령어 입력)

        ※ M1으로 Cocoapods를설치해도 안먹는 경우!

    Homebrew 패키지 매니저 사용

Homebrew

    터미널 열고 아래 명령어 입력 후 실행(중간에 계속 진행하기 위해 엔터키 누르기)

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

    설치 완료 후 터미널에 명령어 입력 후 확인

brew --version

    ※ 만약 zsh: command not found: brew 오류가 발생한다면 Homebrew 경로를 추가한다.

    Homebrew를 환경 변수로 등록

echo 'export PATH="/opt/homebrew/bin:$PATH"' >> ~/.zshrc

    환경 변수 반영

source ~/.zshrc

    설치 확인

brew config

    설치가 완료되었다면, 다시 터미널에서 아래 명령어 입력 후 설치

brew install cocoapods

Flutter doctor 다시 실행 해 [ ✓ ] 로 바뀌었으면 완료!

 

5. Android 에뮬레이터 설정

    5-1. Android Studio에서 Virtual Device Manager 클릭

    5-2. Create Device 클릭

    5-3. 템플릿 선택

선택 후 Next

    5-4. 최신 버전 다운로드

다운로드 완료 후 Next

    5-5. 에뮬레이터 성능을 위해서 하드웨어 GLES 2.0을 선택

    5-6. 재생 버튼을 클릭 해 에뮬레이터 시작

 

6.  Android 에뮬레이터 실행