[Flutter] MacOs에 앱 개발환경 세팅하기

설치 받아야 하는 것

 

• IDE (XCode)
• IDE (Android Studio)
• Flutter SDK
• Homebrew

 

 

 

 

XCode 설치

 

앱스토어에서 xcode를 검색하여 설치를 진행합니다.

근데 25.06.28 기준으로는 MacOs 버전이 15이상이여야한다고 해서 운영체제 업그레이드를 해주었습니다.

 

[그림1] 앱스토어 xcode

설치를 받고 난 뒤에 실행을 하면 MacOS와 IOS를 선택하고 Built In을 클릭해주면 됩니다.

 

[그림2] xcode 실행했을 때

 

 

 

 

Android Studio 설치하기

 

우선 VS Code 말고 이것을 선택한 이유는 인텔리제이 기반으로 만들어져있기 떄문에 선택하였습니다.

 

아래의 URL에서 자신의 개발환경에 맞는 것을 다운로드 받으시면 됩니다.

https://developer.android.com/studio?hl=ko

Android 스튜디오 및 앱 도구 다운로드 - Android 개발자  |  Android Studio  |  Android Developers

필자는 맥북 Apple Silicon 칩이기 때문에 ARM으로 설치하였습니다.

[그림3] 안드로이드 스튜디오 설치

설치가 완료 되었다면 우선 초기환경 세팅은 세팅하고 들어가서 Plugin을 설치와 SDK Tool 설치를 해 줍니다.

 

[그림4] 안드로이드 스튜디오 웰컴화면

 

플러그인 설치

[그림5] 안드로이드 스튜디오 플러그인 설치

SDK Tool 설치

처음에는 Android SDK Location이 비어있는 값으로 되어 있을 것 입니다.

Edit를 눌러 수정할 것은 없고 설치를 해주시면 됩니다.

그럼 아래와 같은 Settings 정보가 보일 것입니다.

[그림6] Android SDK 설치

그다음 [SDK Tools]로 이동해 [Android SDK Command-line Tools (latest)]를 선택하고 적용합니다. 

이것은 명령어 Android 빌드/설치/에뮬레이터 실행 등 하기 위한 도구이므로 앞으로 편하게 사용할 것입니다.

[그림7] Android SDK Command-line Tools (latest) 설치

 

 

 

 

Flutter SDK 설치하기

 

아래와 같은 공식 문서에서 따라해주시기 바랍니다.

https://docs.flutter.dev/get-started/install/macos/mobile-ios

Start building Flutter iOS apps on macOS

 

1) Rosetta 2 설치

애플의 실리콘 맥은 Rosetta 2가 필요하다고 합니다. 터미널에서 설치해주시기 바랍니다.

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

 

2) Flutter 설치

페이지 아래로 내리면 SDK 설치하는 화면이 나옵니다.

필자는 맥북 Apple Silicon 칩이므로 오른쪽을 선택하여 설치하였습니다.

[그림8] Flutter SDK 설치

 

3) 로컬 환경 변수 세팅

설치 받고 압축을 푼 폴더를 어딘가에 잘 저장해두고 그 폴더 위치를 기억해둡니다.

Z Shell 이면 zshrc., Bash Shell이면 bashrc 파일을 사용합니다.

# vi 또는 nano로 .zshrc 열기
vi ~/.zshrc OR nano ~/.zshrc

# 파일안에 데이터 넣기
export PATH=$HOME/[저장된 폴더 위치]/flutter/bin:$PATH 

# 저장하고 나왔으면 설정 적용
source ~/.zshrc

 

이렇게 까지 하고 flutter doctor로 확인해보니

[그림9] flutter dortor로 확인

 

4) Configure XCode 설치

기본적으로 6GB 이상있어야한다고 합니다.

sudo sh -c 'xcode-select -s /Applications/Xcode.app/Contents/Developer && xcodebuild -runFirstLaunch'

설치하고 나서 다시 flutter doctor 명령어를 실행하면

[그림10] lutter dortor로 확인

 

5) 안드로이드 라이센스 약관 동의

flutter doctor --android-licenses

 

터미널에서 해당 명령어를 실행하여 약관을 동의해줍니다.

 

6) Homebrew로 cocoapods 설치하기

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

# 버전 확인 및 설치 확인
brew --version

# 버전 출력
Homebrew 4.5.8


# cocoapods 설치
brew install cocoapods

# cocoapods 버전확인 및 설치 확인
pod --version

# 버전 출력
1.16.2

 

설치가 완료되었다면 마지막으로 flutter doctor를 입력하여 확인해 줍니다.

[그림11]

 

자 이제 완료되었습니다. 안드로이드 스튜디오에서켜서 가상의 아이폰을 켜보겠습니다.

 

 

 

 

서버 실행

 

1. New Flutter Project를 만듭니다.
2. Flutter SDK path는 Flutter 공식문서에서 설치하여 압출 풀고 저장한 경로로 잡아주시면 됩니다.
   [여러분이 저장한 경로]/flutter 이런식으로 해주면 됩니다.
3. 프로젝트 Open

[그림12] IOS 선택

그럼 아래와 같이 가상의 아이폰이 등장하게 됩니다.

 

[그림13] 가상의 아이폰 등장

이제 디바이드를 아이폰으로 맞추고 서버기동을 하면 아래와 같이 실행되는 것을 볼 수 있습니다.

[그림14] 플러터 개발환경 세팅 완료

 

 

 

 

마무리

 

이제 앱을 여러가지 만들며 생기는 이슈와 성장과정을 기록하려고 합니다.ㅎㅎ

 

 

감사합니다.