22년 3월 1일 플러터를 처음 설치하였고 사용된 노트북은 macbook m1 pro입니다.
기초작업
- Xcode 최신 버전 설치 및 유지.
- 안드로이드 스튜디오 설치.
https://developer.android.com/studio?gclid=CjwKCAiApfeQBhAUEiwA7K_UH-ddDUHOgjasO59A6FQ_hT-9GvzV2H49llRFFpzRpXPdNGlRixwE6hoC-KkQAvD_BwE&gclsrc=aw.ds - 플러터 다운로드
https://docs.flutter.dev/get-started/install
Install
Install Flutter and get started. Downloads available for Windows, macOS, Linux, and Chrome OS operating systems.
docs.flutter.dev
위 사이트에 들어가면 step1부터 차근차근 설치 방법이 영어로 잘 설명되어있고 블로그에서는 간단하게 진행을 따라가는 형식입니다.
먼저 위 링크를 따라 올라가면 아래와 같은 화면이 나오는데 맥북이면 macOS 윈도우면 Windows를 선택하면 됩니다. 역시 중국...
설치
맥을 누르고 아래로 내리면 플러터 2.10.2 버전을 설치할 수 있습니다. 만약 더 과거 버전을 설치하고 싶다면 sdk releases를 클릭하여 설치하시면 됩니다.
이후 원하는 곳에 압축파일을 해제하시고 PATH를 설정해야합니다. 저는 유저 이름 바로 아래 Developer 폴더 안에 설치하였습니다.
평소에 이 폴더 안에 elicpse, spring 등 설치하고 path관리를 해주어야하는 파일들을 이 곳에 모아두는 편입니다.
PATH 설정
이후 PATH를 현재 터미널 윈도우에서만 설정하는 방법으로 아래 커맨드를 알려주지만, 저희는 계속해서 사용하고 싶으니 이 방법을 사용하지 않을겁니다.
export PATH="$PATH:`pwd`/flutter/bin"먼저 어떤 shell을 사용 중인지 알아야합니다. 어떤 쉘을 사용 중인지 알고 싶다면 터미널에 아래 코드를 입력하시면 됩니다.
echo $SHELL
그럼 위와 같이 zsh를 사용 중임을 알 수 있습니다.
Bash를 사용 중이라면 $HOME/.bash_profile이나 $HOME/.bashrc를 수정하고 zshell을 사용 중이라면 $HOME/.zshrc를 수정해야합니다.
저는 zshell을 사용 중이므로 zshrc를 수정합니다. 홈에서 아래 명령어를 터미널에 입력하시면 됩니다.
vim .zshrc그 이후 나오는 스크립트 가장 아래로 이동하여 path를 작성하는데 가운데 이름부분만 사용자 이름으로 변경해주시면 됩니다.
(만약 다른 위치에 저장하셨다면 그 위치로 하시면 됩니다. 또한 which flutter dart 명령어를 통해 위치를 알 수 있습니다.)
export PATH="$PATH:/Users/'사용자이름'/Developer/flutter/bin"
혹시 리눅스 커멘드를 모른다면 대문자 GG를 입력하여 가장 아래문단으로 간 후 소문자 o를 입력하여 가장 아래에 새로운 문단을 만들고 입력하신 후 ZZ 나 :wq! 를 입력하셔서 나오시면 됩니다. 이후 source .zshrc 를 입력하여 소스로 지정하면 끝입니다.
오류잡기
flutter --version
flutter doctor버전 명령어를 통해 설치가 잘 되었는지, 버전이 어떤 것인지 확인합니다.
버전 아래 명령어를 입력하면 어떤 것이 설치되지 않았는지 어떤 것이 잘 설치 되었는지 알 수 있습니다. 간혹 권한 문제 오류 문구가 뜬다면
sudo 를 앞에 붙여서 실행해주시기 바랍니다.
저는 처음 권한 문제가 생긴 이후 다시 실행시키니 android studio 와 cocoapods 에 빨간 불이 들어왔습니다. 코코아패드 같은 경우 아래 명령어를 통해 해결 가능합니다.
sudo gem install cocoapods안드로이드 스튜디오에서는 2가지 오류가 발생할 수 있습니다.
한 가지는 cmdline-tools component is missing 이며
다른 한 가지는 Android license status unkown 입니다.
라이센스는 아래 코드를 입력하고 쭉 넘어가시고 마지막에 agree를 입력하여 해결 가능합니다.
flutter doctor --android-licensescmdline-tools 는 아래와 같은 순서를 따라가시면 해결 할 수 있습니다.
먼저 스튜디오를 여신 후 Customize를 클릭 한 후 가장 아래에 있는 All settings를 클릭합니다.
다음에 Appearance & Behavior 탭에서 System Settings를 클릭하시고 Android SDK를 클릭합니다.
거기서 SDK Tools를 클릭한 다음 Android SDK Command-line Tools (latest)를 클릭하고 나오는 순서에 따릅니다.
이후 flutter doctor로 확인해보시면 모두 초록불이 들어온 것을 확인 할 수 있습니다.
마지막으로 안드로이드 스튜디오로 들어가서 Plugins에서 Dart와 Flutter 를 설치합니다. 스튜디오를 재시작합니다.
플러터 안드로이드 스튜디오로 실행
Create New Flutter Project를 입력하고 flutter/bin이 설치된 경로를 적습니다.
이후 실행하였을 때 권한 뭐시기 오류가 뜬다면 오류가 뜨는 위치만 수정하여 권한을 바꿔주면 잘 실행됩니다.
sudo chown -R $(whoami) /Users/gloryko/.config/flutter/tool_state이후 myapp으로 대충 만들고 Iphone으로 잘 되어있는지 확인합니다. No device로 되어있다면 클릭해서
Open IOS Simulator를 클릭해주시면 됩니다. 이후 런을 누르면 +를 클릭할 때마다 숫자가 올라가는 데모 앱이 돌아가는 것을 확인하면서 잘 설치된 것을 알 수 있습니다.
참조 링크
'Flutter' 카테고리의 다른 글
| [Flutter] Window10 플라터 설치 및 안드로이드 SDK (0) | 2022.03.04 |
|---|
