https://docs.flutter.dev/get-started/install/macos
Flutter 앱/웹/데스크톱 크로스 플랫폼 GUI SDK이다.
웹 페이지를 주로 리액트로 개발하던 중 요즘들어 부쩍 Flutter에 대한 글이나 동영상이 많이 보이는것 같아 관심을 가지게 되었다.
회사에서 개발/배포 중인 앱도 React Native에서 Flutter로 옮긴듯 했다. (테스트를 진행하기 위해 받은 apk가 flutter 로고였다.)
이래저래 관심을 가지고 있던중 본격적으로 스터디를 해보면 어떨까하다 글을 기록하기로 했다.
먼저 설치를 해야겠지?
Flutter 공식 사이트에서 제공하는 Document를 참고하여 MacOS 에 설치를 진행해보고자 한다.
Apple silicon Mac dms Rosetta가 필요하다고 한다.
아래 코드로 설치해 주자
Flutter SDK를 zip 파일로 받아 사용할수도 있지만, git 에서 clone으로 받아 사용해 보기로 했다.
Mac Documents로이동해서 git clone을 해본다.
cd Documents
git clone https://github.com/flutter/flutter.git -b stable
환경 변수를 등록해 주자
zsh 쉘을 사용하고 있다.
sudo vi ~/.zshrc
export PATH="$PATH:/Users/<계정이름>/Documents/flutter/bin"
source ~/.zshrc
flutter doctor를 입력주자.
building flutter tool... 부분에서 permission 오류가 생겼다.
sudo chown -R <dir> flutter 로 소유자를 변경해 주자
다시 flutter doctor를 실행하면
안드로이드만 이슈가 있네요
어차피 Xcode로 ios 시뮬레이터를 사용할거라 넘어갑니다.
vscode를 사용할거기 때문에 extention 을 설치해줍니다.
f1 으로 프로젝트를 새로 만들어 주고
open -a Simulator
커맨드로 시뮬레이터를 실행하고
main.dart에서 run을 하면
시뮬레이터로 잘 실행이 되네요
'study > Cross Platform' 카테고리의 다른 글
[React Native] fontawesome install (0) | 2023.02.17 |
---|---|
[React Native] React native Navigation #1 (0) | 2023.02.16 |
[Flutter] Widget #1 stateless (0) | 2023.02.02 |
[Flutter] Flutter 스터디 기록 #1 / simple_main.dart ,화면 (0) | 2023.02.01 |