Mac에서 Flutter 시작하기 (개발 환경 만들기)

Mac에서 Flutter 설치 & 환경변수 설정하기

먼저 공식 사이트에서 SDK zip 파일을 다운로드 받고 압축을 해제한다. (Flutter SDK release)

Flutter SDK releases

내가 압축을 해제한 파일 경로 : /Users/yunji/Downloads/flutter

다운받은 sdk에 대한 환경 변수 설정을 해주자. (Update your path 참고)

cd ~
vi .bash_profile

base_profile 파일에 아래의 export문을 추가하자

export PATH=$PATH:[flutter 폴더 경로]/flutter/bin

다시 터미널에서 경로가 잘 설정되었는지 확인하자

source .bash_profile
echo $PATH

flutter sdk 경로가 나오면 성공

터미널에서 flutter 명령어를 아무거나 쳐봤더니, 보안에 민감한 애플이 낯선 언어의 존재를 거부하고있다.

맥의 시스템 환경 설정 > 보안 및 개인 정보 보호 > 일반에 들어가 Dart 사용을 허락하자. (확인 없이 허용 클릭)

다시 한번 flutter 명령어를 쳐보자.

이제 나의 Mac이 플러터를 받아들일 준비가 끝났다.

안드로이드 스튜디오에서 Flutter 프로젝트 시작하기

안드로이드 스튜디오 > Preferences > Plugins > Marketplace에서 Dart, Flutter 검색 후 설치

New Project 하단에 New Flutter Project가 추가된 것을 볼 수 있다.

Flutter Application 선택

프로젝트 이름은 원하는대로 쓰고, SDK path는 아까전 다운받은 sdk의 경로를 선택

Next > Finish를 클릭하면 자동으로 프로젝트 스니펫이 만들어진다.

Flutter 프로젝트를 시작할 준비가 되었다.

아무것도 수정하지 않은 상태로 앱을 실행해보았다.

아직 dart 문법을 다 공부하지 않았지만 class, super, extend 등의 키워드는 용도가 무엇일지 대충 알 것 같아서 감으로(?) 앱을 조금씩 수정해보고 있다. 빌드 속도는 확실히 안드로이드 네이티브에 비해 빠르게 느껴진다.

 

다음에 살펴볼 것은 공홈에 있는 코드랩 : Lab: Write your first Flutter app