현재 제 기기는 M1 맥북 에어입니다.
Flutter 2.0을 맥북(m1)에 설치 & 실행하실 분들에게 도움이 될 거 같아 작성하게 되었습니다.
M1 기준으로 작성된 플러터 2.0 설치법 + (ios 시뮬레이터) 플러터 실행 방법이 마땅히 없더군요.
있더라도 제 m1 환경과 맞는 글이 없어, 나뉘어 있던 글들을 총정리해서 알려드리겠습니다.
매우 간단하니 그대로 따라하시면 됩니다.
0. 깃 설치 유무
깃의 설치 여부는
Terminal에서,
git --version 명렁어를 통해 확인가능합니다.
(깃이 만약 설치되어 있지 않다면, 다른 게시글들을 통해 쉽게 깃을 설치하실 수 있습니다.)
1. Flutter 공식 사이트에서 SDK를 다운로드 합니다. (flutter_macos_2.2.2-stable.zip 클릭)
https://flutter.dev/docs/get-started/install/macos
2. 원하는 위치에서 플러터 SDK파일을 압축 해제합니다.
Terminal에서,
$ cd ~
$ mkdir development
$ cd development
$ unzip flutter_macos_2.2.2-stable.zip
압축 해제를 하면 위와 같이 flutter 폴더가 development폴더 내부에 생깁니다.
3. 환경변수(PATH)에 추가하기(영구)
환경변수 설정하는 방법은
Terminal에서,
아래 명령어를 따라하면 됩니다.
터미널에서,
$ cd ~
$ nano .zshrc
입력하면 새로운 창으로 진입됨.
$ alias flutter=/Users/sumin/development/flutter/bin/flutter
이거 입력 후, (control+X)를 통해서 나가면 저장됩니다.
(+ 종료는 ^X 라고 표시되어 있을텐데, ^는 맥북 키보드에 있는 control입니다.)
$ source .zshrc
을 통해 새로고침합니다.
$ flutter doctor
맨 마지막 명령어인 $ flutter doctor를 입력하게 되면, 아래와 같은 이미지가 뜹니다.
만약 위와 같은 상태에서
$ flutter run 입력 시,
설치된 게 크롬뿐이기 때문에 예제가 크롬에서만 실행됩니다.
저희는 Xcode - ios 시뮬레이터로 플러터 예제를 띄울 예정이기 때문에
$ flutter run 은 잠시 보류하고 다음 단계로 넘어갑니다.
4. 하단 이미지에 표기된 1번과 2번을 해결해야 ios 예제를 띄울 수 있습니다.
4 - 1과 4 -2를 진행합니다.
4 - 1. CocoaPods not installed. 해결법
매우 간단합니다. 맥북엔 Ruby가 있기 때문에, 명령어 한 줄만 입력하면 설치됩니다.
$ sudo gem install cocoapods
$ flutter doctor
(재 확인)
이제 다시 확인해보면, Xcode 부분이 [x] 가 아닌 [!] 로 코코아팟은 해결된 모습입니다.
4 - 2. Xcode installation is incomplete; a full installation is necessary for iOS development. 해결법
저는 Xcode(ver 12.x)가 설치되어 있었음에도 불구하고,
Xcode가 incomplete라고 되어 있어서 의아했습니다.
구글링 중, 다행히 해결 방법을 찾아 공유합니다.
Xcode를 먼저 설치 후,
Terminal에서,
아래 명령어 2개를 따라하면 됩니다.
$ sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
이 명령어 실행 전, Xcode는 당연히 먼저 설치되어 있어야 합니다.
$ sudo xcodebuild -license
이 커맨드를 입력하면, 라이센스 동의 관련된 글이 나옵니다.
계속 space를 누르다 보면, agree 입력하라고 할 때 agree 입력하면 됩니다.
아래 문장이 나오면 agree를 입력합니다.
이제 $ flutter run 입력 시 하단 이미지처럼 [v] Xcode 부분이 해결된 모습입니다!
$ flutter doctor
5. 이제 아이폰 시뮬레이터를 켠 뒤, 플러터 예제를 실행해보겠습니다.
프로젝트를 생성하고자 하는 디렉토리로 이동한 뒤, 아래 명렁어를 입력해 my_flutter_app이라는 새 프로젝트를 생성합니다.
$ flutter create my_flutter_app
명령어를 실행하면 아래와 같이 파일이 생깁니다.
아래 명령어를 통해 아이폰 시뮬레이터를 켭니다. (전 아이폰 12 Pro Max입니다.)
$ open -a Simulator
아이폰 시뮬레이터를 켭니다.
$ cd my_flutter_app
폴더 이동
$ flutter run
예제 실행!
아이폰 시뮬레이터에서, 플러터 예제가 잘 실행된 모습입니다!
지금까지 맥북 m1에서,
Flutter2.0 설치 및 (Xcode를 통한) 아이폰 시뮬레이터에서 Flutter 예제 실행하기에 대해 알아봤습니다.
생각보다 구글에 자료가 흩어져 있어 애를 먹었지만, 잘 해결해서 다행입니다.
이 글이 도움이 되셨으면 좋겠습니다!
최근댓글