Flutter 초기세팅 (macOS)

 

Flutter 스터디를 시작하며 Flutter 세팅하는 방법에 대해 포스팅 해보도록 하겠습니다.

많은 블로그 자료들이 있었지만 간단한 경로 세팅에서 약간 애를 먹었다는... 저같은 분이 없길 바라며 작성해보았습니다 😅😅

 

Flutter는 AndoridStudio / vscode / IntelliJ / Xcode 등 꽤 많은 프로그램에서 사용할 수 있지만 저는 Android를 주로 다뤘기 때문에 Andorid Studio 세팅 / Xcode 세팅 에 대해서만 적어보도록 하겠습니다!

 

📌 Flutter SDK 설치하기

아래 Flutter 공식 페이지에 가면 운영체제에 맞게 Flutter SDK를 설치하는 방법에 대해 자세히 나와있습니다.

저는 macOS이므로 macos 버전의 SDK를 설치해주었습니다.

macOS install

 

📌 Flutter 경로 추가하기

먼저 다운로드 폴더에서 다운받은 zip파일의 압축을 풀어주었습니다. 그다음에 저는 iTerm 을 기본 터미널로 사용하기 때문에 iTerm 터미널을 열어주었어요!

 

 

아래는 공식 페이지에 나와있는 경로 설정 방법인데 아래 방법은 현재 터미널에서만 경로를 설정하는 것이므로, 

나는 PASS 하고 flutter 경로를 영구적으로 추가하는 방법을 택했다.

 

Flutter 경로 영구적으로 추가하기 (macOS기준)

맥 OS 카탈리나부터 터미널이 bash가 아니라 zsh로 바뀌었다는 것을 알지못하고 계속 다른 블로그 글을 읽어보며 ~/.bash_profile 만 주구장창 쳐서 경로를 추가하려고 했다 하지만 이 방법이 잘못되었다는 듯 "command not found: flutter" 라는 에러 문구가 나온다.

 

특히 나는 iTerm 커스텀을 한 상태로 터미널을 사용하기 때문에 ~/.zshrc 에다가 경로를 입력해주어야 했다.

 

vi ~/.zshrc

export PATH=$PATH:~/flutter/bin

이때 ! 주의해야할 점은 $PATH: [ ] <- 이전에 압축한 flutter 파일의 위치여야한다!

 

위에 방법을 잘 따라하셨다면 ? 터미널을 source 명령어를 통해 재 시작해준다.

source ~/.zshrc

 

 

📌flutter --version 확인하기

flutter --version / flutter doctor 명령어를 통해 경로가 제대로 설정되었고, flutter sdk 설치가 제대로 되었는지 확인해볼 수 있습니다!

flutter --version
flutter doctor

---

Andorid Studio Flutter 세팅하기

위의 방법을 잘 따라오셨다면 안드로이드 스튜디오로 Flutter를 사용하는 방법에 대해 소개해드리도록 하겠습니다.

저는 기존에 AndoridStudio가 설치되어있었기 때문에 설치 과정은 생략하도록 하겠습니다.

 

📌Flutter Plugin 설치하기

flutter 프로젝트를 만드려면 AndoridStudio에서 flutter plugin을 설치해야 합니다!

먼저 Android Studio를 켜주신 뒤, Preferences를 열어주세요.

그 다음 plugin을 찾아 flutter를 검색하여 설치한 후 재시작 해주시면 됩니다!

 

📌 Flutter Project 만들기

설치가 제대로 완료 되셨다면 아래와 같이 Create New Flutter Project가 생기는 것을 보실 수 있습니다!

이때 위에서 flutter 경로 설정을 제대로 잘 해주시고 설치를 잘 해주셨다면 Flutter SDK path가 자동으로 추가되어 있습니다!

만약 빈칸이라면 Flutter SDK 를 다시 설치해주셔야 합니다!

 

이렇게 하면 flutter project를 AndroidStudio에서 작업하실 수 있게 됩니다!

예전에 설치된 Andorid Emulator로 flutter app을 실행시켜보았습니다!

 

---

Xcode Flutter 세팅하기

📌 Xcode 설치하기 

iOS 빌드를 하기위해서는 Xcode를 설치해주어야 합니다. 저는 Xcode 설치 후 Andorid Studio를 통해 빌드할 예정입니다!

Andorid Studio 에서 iOS 빌드가 가능한 이유는 내부적으로 Xcode 기능을 이용할 수 있도록 되어 있어서 때문이예요 !

설치 후 Xcode를 열어 license 동의를 해줘야 합니다.

 

📌cocoapods 설치해주기

flutter doctor로 설치가 모두 완료되었는 지 확인하면 아마 cocoapods 설치가 완료되지 않았습니다 라고 뜹니다. 터미널에 아래 명령어를 통해 cocoapods를 설치해주세요.

sudo gem install cocoapods

flutter doctor

 

 

- 만약 위 방법 후에도 "CocoaPods not installed." 가 계속 뜬다면 ?!

아래 방법을 이용해주세요!

sudo gem uninstall cocoapods

sudo gem install cocoapods -v 1.7.5

pod setup

sudo get install cocoapods

flutter doctor

 

필자는 macOS 업데이트를 하지 않아 계속 cocoapods를 최신 버전으로 설치해야한다는 오류가.......😭😭😭

 

📌Andorid Studio로 flutter iOS 실행시켜보기

위에 방법으로 Xcode와 cocoapods 를 설치해주었다면 AndoridStudio에서 iOS 빌드도 가능합니다!

Open iOS Simulator를 누른다음 앱을 실행시켜주세요!