[macOS 맥북/Flutter] Flutter SDK 설치

 

안녕하세요! 다음 프로젝트에서 Flutter 를 사용을 해야해서 저의 맥북에 Flutter 를 설치해 보았습니다.

 

 

Flutter 란?

 

Flutter(플러터) 는 Google에서 개발하여 Mobile World Congress 2018에서 최초 베타 릴리스를 발표하면서 새롭게 선보인 크로스 플랫폼 모바일 앱 개발 프레임워크입니다.
개발자가 iOS와 Android 두 OS에 대해 고품질 기본 인터페이스를 제작하는 데 도움을 주는 크로스 플랫폼 프레임워크라고 할 수 있습니다.

Google의 메터리얼UI 와 Apple 의 쿠퍼티노UI 를 플랫폼 제한 없이 Android, iOS 기반의 앱을 하나의 코드 베이스로 개발할 수 있는 장점이 있습니다.

개발 언어로 Dart 를 사용합니다.

 

 

1. Flutter SDK 다운로드 

 

https://flutter.dev/

Flutter - Beautiful native apps in record time

 

이 url로 들어가면 Flutter 개발화면이 표시되는데요!
Get started 버튼을 클릭해 주세요~

 

저는 맥북에서 진행을 하기 때문에 macOS 를 클릭합니다.

 

스크롤을 조금 내려서 Flutter 의 sdk 압축파일인 flutter_macos_2.2.0-stable.zip 을 다운로드 해줍니다.

 

그러면 Finder 에서 flutter_macos_2.2.0-stable.zip 파일을 확인할 수 있습니다.
더블클릭하여 압축을 해제하면 flutter 라는 폴더가 생성됩니다.

 

해당 flutter 의 sdk 를 이제 원하는 경로로 이동해주면 되는데요!
terminal.app 에서 이동시키는 방법도 있지만 저는 그냥 드래그로 이동을 시켰답니다.
저는 sdk_flutter_macosx 라는 폴더를 만들어서 그 안에 위치시켜줬어요.

 

 

2. Flutter SDK 환경변수 설정

 

터미널(terminal) 앱 을 실행합니다.

 

터미널(terminal) 앱을 실행 후
vi ~/.bash_profile 입력하여 vi 편집기를 통해 .bash_profile을 열어줍니다.
(환경변수를 설정한 적이 없다면 파일이 생성되고 아무런 내용이 없을 수 있습니다.)

 

처음 들어갔을 때는 보기모드 이며, 소문자i 를 입력하여 편집모드로 들어갑니다.
편집모드에서 아래와 같이 Flutter 의 bin 경로를 추가해줍니다.
export PATH=$PATH:/flutter_sdk_폴더경로/flutter/bin

다 입력 후 esc 클릭하여 보기모드로 나온 후,​
:(shift+;) 를 입력하여 나가기 모드를 합니다.
나가기 모드에서 wq! 를 입력하여 저장 후 나가면 됩니다.
(w:저장하기, q:나가기, wq:저장 후 나가기)

 

터미널(terminal) 앱을 종료했다가 재시작하고
flutter doctor 명령어를 이용하여 Flutter SDK 가 잘 설치되었는지 확인할 수 있습니다.

 

 

Flutter SDK 는 성공적으로 설치된 것을 확인할 수 있지만
Android toolChain 에 느낌표[!] 가 표시되어 있죠?
Android licenses status unknown 해결방법은 다음 포스팅에서 확인해 주세용!

https://eunoia3jy.tistory.com/90

[ macOS 맥북 / Flutter ] Flutter Android toolchain (Android license status unknown) 해결 방법

 

 

만약 터미널(terminal)앱에서 flutter --version 실행 시 command not found: flutter 라는 에러메세지가 표시된다면 아래 페이지에서 참고하여 해결하였습니다!

https://eunjin3786.tistory.com/221

[Flutter] 맥에서 Flutter SDK 설치하기

 

 

감사합니당 😜