android와 IOS 어플 동시에 개발하기 위해 flutter를 설치하려고한다.
AndroidStudio에서 IOS도 같이 개발하기 위해서는 Xcode를 설치해야한다.
나의 Mac사양은
Monterey 12.2.1(2015 Late)
3.2 GHz 쿼드 코어 Intel Core i5
위 사양에 맞는 Xcode 버전은 13.4였고 flutter는 안전하게 2.8.0을 설치하였다.
flutter는 나의 계정 폴더에 압축을 풀어줬다.
직접적인 압축 푸는 방법과 공식문서에서는 명령어를 입력하라고한다.
어떤걸 해도 문제는 없다.
설치 후 환경변수를 설정해줘야한다.
나는 환경변수를 설정 하는데에 반영구적인 방법으로 설정하였다.
나의 터미널 이름은 zsh라서 아래와 같이 명령어를 입력하였다.
touch ~/.zshrc
open ~/.zshrc
터미널 이름이 bash라면
touch ~/.bash_profile
open ~/.bash_profile
을 입력하면 된다.
위의 명령어를 설정해주면 텍스트 편집기가 뜬다.
텍스트 편집기에 아래의 명령어를 저장해준다
export PATH="$PATH:/Users/admin/flutter/bin"
설치경로를 모른다면 압축 해제한 flutter폴더를 텍스트 편집기 안에 드래그하면 경로가 입력된다.
(꼭 저장하고 닫아줘야함)
잘 저장되었는지 확인하려면
flutter 폴더로 이동하여
flutter doctor
를 입력해준다
나의 경우에는
zsh: command not found: flutter가 떴다.
이럴땐 홈 경로로 돌아가 .bash_profile이 존재하는지 확인해야한다.
cd ~
ls -la
존재하지 않는다면
touch .bash_profile
존재한다면
open .bash_profile
그 후 텍스트 편집기에
export PATH=${PATH}:/Users/admin/flutter/bin
경로를 다시 입력하고 저장해준다.
터미널로 돌아오면 방금 변경한 .bash_profile를 적용한다
source .bash_profile
Path가 잘 등록되었는지도 확인해본다
echo $path
확인후 flutter doctor를 다시 입력해본다
(터미널 종료 후 재접속 후 환경변수가 초기화 되는 경우)

터미널 환경설정에서 기본 로그인 확인 후
터미널 창에 chsh -s /bin/bash를 입력해준다.
나의 경우는 Xcode는 설치되어있지만 CocoaPads가 설치되어있지 않다고 한다.

cocoapods를 설치하려고 하니
Ruby 2.7.0 이상이 필요한데 나는 2.6.8.205라서 Ruby를 업데이트해야했다.
참고:Ruby 버전 업데이트 방법
https://codecamper.me/blog/122/
위 참고 블로그에서 rbenv global을 해도 버전이 안바뀌는 이슈도 설명해주고 있고
rbenv init을 실행하고 eval 이후의 코드중에 나에게는 bash라고 표시되어있었는데
그래도 안바뀌어서 zsh로 바꾸니 bash_profile에도 입력하라고 떴다...
근데 적용이 잘됨.....
flutter doctor 명령어 후 오류 해결방법은 밑의 블로그 참고
(https://velog.io/@oen/flutter-doctor-%EC%97%90%EB%9F%AC)
Xcode 설치 후 AndroidStudio Chipmunk 2021.2.1 May 9, 2022 버전을 설치해줬다.
실행 후 SDK도 설치한다.
모든 프로그램을 설치 후 iOS와 Android 애뮬레이터를 설치해준다
$ sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
$ sudo xcodebuild -runFirstLaunch
iOS 시뮬레이터 설정
내가 선택한 안드로이드 시뮬레이터 버전 다운로드

위를 다 설정하고 AndroidStudio에서 flutter 프로젝트를 생성하고 시뮬레이터를 돌려보면 잘 나온다

참고
https://codingapple.com/unit/flutter-install-on-windows-and-mac/
'flutter' 카테고리의 다른 글
| [flutter] SnackBar (0) | 2024.01.21 |
|---|---|
| [flutter] BuildContext란? (0) | 2024.01.21 |
| [flutter] appbar에 menu 아이콘 추가하기 (0) | 2024.01.14 |
| [flutter] 클래스와 위젯 (0) | 2024.01.14 |
| [flutter] 위젯이란? Widget (0) | 2024.01.14 |