Notice
Recent Posts
Archives
Today
Total
«   2024/09   »
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30
Recent Comments
관리 메뉴

우당탕탕 개발일지

[Flutter] MAC에서 Flutter 를 설치해보자 본문

Flutter

[Flutter] MAC에서 Flutter 를 설치해보자

devchop 2023. 7. 26. 23:50

Android Studio 와 Flutter 설치

1. android Studio 설치 한다. 

2. plugins 에서 flutter 를 추가한다.

3. Sdk manager 에 들어가서 sdk tools > Android SDK command-line tools 를 추가 및 apply 

 

Homebrew 설치 및 openjdk 설치

자바 개발도구를 설치하기 위해  Homebrew 를 사용하기 위해 설치해보도록 하자.

https://brew.sh/index_ko

 

Homebrew

The Missing Package Manager for macOS (or Linux).

brew.sh

1. 위 사이트에 들어가면 homebrew를 설치할 수 있는 명령어가 나오는데, 터미널에서 그대로 입력해주면 된다.

2. 설치가 완료되면 터미널 설명에 2개의 명령어를 더 입력하라고 나온다. 나의 경우 이렇게 두줄이었다.  당근 /Users/rina 이부분은 사람마다 다르겠지!

(echo; echo 'eval "$(/opt/homebrew/bin/brew shellenv)"') >> /Users/rina/.zprofile
eval "$(/opt/homebrew/bin/brew shellenv)"

#완료 되었으면 버전을 확인하자
brew --version

#자바 개발도구 설치
brew install openjdk@11

설치가 완료되면 다음과 같은 안내메시지가 나온다. 컴퓨터가 jdk를 찾을 수 있도록 설정하라는 말이다.

For the system Java wrappers to find this JDK, symlink it with
##아래 명령어를 입력한다
sudo ln -sfn /opt/homebrew/opt/openjdk@11/libexec/openjdk.jdk /Library/Java/JavaVirtualMachines/openjdk-11.jdk

##정상설치가 되었는지 확인한다.
java --version

 

Flutter SDK 설치하기

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

 

macOS install

How to install on macOS.

docs.flutter.dev

아래 사이트에서 안내하는대로 진행하면 된다.

 Important: If you’re installing on an Apple Silicon Mac,
 you must have the Rosetta translation environment available for some ancillary tools. 
 You can install this manually by running:
 
 sudo softwareupdate --install-rosetta --agree-to-license

이라는 안내가 나오므로 하라는대로 했다. (인텔은 스킵해도된다) 다운로드는 빨리되는군..

다음으로 아래 sdk를 다운받은 뒤 압축해제 > home폴더로 이동한다.

 

플러터를 편하게 사용하도록 세팅을 해보자

cd ~/flutter/bin
pwd
#전체경로를 복사해놓자

#내가 현재 어떤 셸을 사용하고 있는지 확인. 나의 경우 /bin/zsh 사용중이라고 나옴.
echo $SHELL

#만약 bash쉘을 사용중이라면 
vi  ~/.bash_profile

#만약 zsh 사용중이라면
vi ~/.zshrc

파일을 열어서 다음 내용을 기입한다. 만약 새 파일이 아니라 기존에 다른 PATH가 적혀있을 경우 냅두고 그 아래에 추가해준다.

#export PATH="$PATH:<아까 복사한경로>"
export PATH="$PATH:/Users/rina/flutter/bin"

터미널을 껏다가 다시 켜서 flutter --version  명령어를 입력하여 정상적으로 설치되었는지 확인할 수 있다.

 

Android SDK 라이선스에 동의하기

flutter doctor

#해당 명령어를 입력했을 때 설명란에 Some Android licenses not accepted..~ 라고 나오면 라이센스 비활성화 상태임.
#비동의 상태라면 아래 명령어를 입력,y 로 동의가즈앙
flutter doctor --android-licenses

 

테스트를 위한 에뮬레이터 설치하기

Android Studio 를 켜서 Device Manager > Create Device 를 눌러 PlayStore 가 있는 버전으로 선택한다.(난 pixel4) 하고 알아서 적당한 SDK 골라서 설치한다.

처음실행할때는 겁나게오래걸림..

 

에뮬레이터는 실제 핸드폰 동작을 그대로 실행하기 때문에 컴퓨터가 빨발 돌아갈 수 있다고 한다.

 

기기어를 한국어로 설정한다

Settings > System > Language > Add a Language > 한국어 설정 , 언어 우선순위를 1순위로 변경

 

XCode & cocoapod 설치하기

xcode 는 앱스토어 에서 다운로드 , 코코아팟은 터미널에서 설치가능하다.

brew install cocoapods
pod --version #정상 설치 확인

 

IOS 시뮬레이터 설정하기

xcode 실행 > 상단 XCode > Open developer Tools > Simulator 아이폰 시뮬레이터가 실행됨.

기종을 변경하고 싶다면 상단메뉴 File > Open Simulator > IOS > 원하는 기종 선택이 가능함.

언어가 영어로 설정되어있음 기기언어 한국어로 변경

Setting > general > language > iphone language > 한국어 설정.

 

상단메뉴 IO > keyboard > Connect Hardware Keyboard 키보드 입력으로 시뮬레이터 입력가능