Programming/flutter

Mac에서 Flutter 설치하기(feat. android studio, xcode)

유로띠 2022. 3. 17. 03:16
반응형

안녕하세요 😉

유유자적한 개발자 유로띠 입니다 😀

 

👏👏👏👏

 

 

 

이번 포스팅에서는

✅ Flutter 설치

✅ Flutter 시뮬레이터 실행

에 대해서 알아보겠습니다

 

 

 Flutter 설치 🎉 

 

 

📍 Flutter 설치

 

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

사용되는 언어 역시 구글의  Dart를 사용합니다.

 

 

 

 

✅ 시스템 요구사항

Disk Space: 2.8GB

Tools : git

 

flutter dev사이트를 접속합니다. 🌐

 

Install

Install Flutter and get started. Downloads available for Windows, macOS, Linux, and Chrome OS operating systems.

docs.flutter.dev

 

 

macOS로 진행해보겠습니다.

 

 

 

flutter_macos_2.10.3-stable.zip 파일을 다운받습니다.

 

 

development 폴더를 생성하고 안에 flutter_macos_2.10.3-stable.zip파일의 압축을 해제합니다.

 $ mkdir development
 $ cd ~/development
 $ unzip ~/Downloads/flutter_macos_2.10.3-stable.zip

 

📍 경로 설정

 

path를 추가합니다.

 export PATH="$PATH:`pwd`/flutter/bin"

 

 

💎 만약 영구적으로 반영하고 싶으시면 다음과 같이 작성합니다.

$ vim ./.zshrc

#Flutter
export PATH="$PATH:/Users/[USER_DIR]/development/Flutter/bin"

// .zshrc 파일 저장 후

$ source .zshrc

 

👀 flutter가 잘 설치되었는지 확인해 봅니다. 

 

📍 버전 확인

$flutter --version

Flutter 2.10.3 • channel stable • https://github.com/flutter/flutter.git
Framework • revision 7e9793dee1 (2주 전) • 2022-03-02 11:23:12 -0600
Engine • revision bd539267b4
Tools • Dart 2.16.1 • DevTools 2.9.2

 

flutter가 잘 설치되었음을 확인하였습니다.

 

 

📍 doctor 실행

 

doctor 명령어는 flutter 설정을 완료하는데 필요한 의존성이 있는지 확인하기 위한 명령어 입니다.

$ flutter doctor

 

저 같은 경우는  Android toolchain과 Xcode가 없나고 나오네요!

 

 

그럼 설치를 해볼까요? 🙌

 

✅ xcode 설치

 

app Store에서 xcode를 검색하여 내려받습니다. (생각보다 오래 걸립니다...)

설치 중인 상황을 알 순 없을까?

몇 프로인지 알 수 없으니 답답하구나...

 

추가 :) 앱스토어에서 얼마나 다운 받았는지 확인 하는 방법입니다! 😉

 

[MacBook] App store 앱의 설치 진행 상황을 확인하는 방법 👀

안녕하세요 😀 유익한 일상 정보를 전달하는 유로띠 입니다 😉 🧐 App store에서 다운로드하고 있는 앱의 설치 진행 상황을 어떻게 알 수 있을까? 최근 flutter를 위해 xcode 설치가 필요하였습니

msyu1207.tistory.com

 

 

 

다운로드가 완료되면 다음과 같은 작업을 진행합니다.

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

 

 

라이센스에 서명합니다.

$ sudo xcodebuild -license

 

 

flutter doctor를 실행하여 xcode가 정상적으로 설치되어있는지 다시 확인해 봅니다. 👀

 

 

이번엔 CocoaPods가 설치가 안되었네요... 😵

 

 

빠르게 설치를 해줍니다. 🥴

$ sudo gem install cocoapods

 

 

 

✅ android studio 설치

 

안드로이드 의존성을 위해 android studio를 설치합니다

안드로이드 설치 사이트로 이동합니다.

 

Download Android Studio and SDK tools  |  Android Developers

The official IDE for Android app developers.

developer.android.com

 

다운로드를 선택하고 원하는 종류를 선택하여 다운로드를 합니다. ☺️

 

 

 

설치를 하고 flutter doctor를 실행하면 다음과 같이 변경된 것을 알 수 있습니다. 🙏

 

 

 

android studio를 실행하고 More Actions > SDK Manager를 실행합니다.

 

 

SDK Tools > Android SDK Command-line Tools를 선택해 줍니다.

 

 

다시 flutter doctor를 실행해 봅니다. 🙌

 

 

이제 라이센스만 적용해 주면 됩니다. 👍

$ flutter doctor --android-licenses

 

 

 

 

총 4번의 yes를 진행하고 완료되면 다시 flutter doctor를 실행합니다.

 

 

 

 

드디어 모든 의존성을 완료하였습니다. 👍

 

 

 

flutter 시뮬레이터 실행

 

 

✅ iOS 시뮬레이터 실행

 

해당 명령어를 실행하면 시뮬레이터가 실행됩니다.

$ open -a Simulator

 

시뮬레이터도 정상적으로 실행되는 것을 볼 수 있습니다. 👍

 

 

 

물론 다양한 버전의

시뮬레이터를 실행 할 수 있습니다.

 

 

 

 

 

다음에는 Flutter를 만들고

실행하는 과정에 대해 알아보겠습니다.

반응형