Flutter(플러터) 시작하기 - 4. Android Studio 설치 및 환경 설정(Mac OS)

플러터 개발을 위해서 잠들어있던 서피스프로4를 클린 설치하고 깔끔하게 다 설치하였지만...

 

애뮬레이터를 띄우고 디버깅을하는데 어마어마한 시간이 걸리고 버벅이는 현상이 발생하였다.

 

상태를 보아하니... 램과 cpu를 어마어마하게 소비하고 있던것...

 

버거워하는 서피스프로4쨩...

개발을 하기도 전에 빌드와 애뮬레이터 켜는데 1시간을 쓰고있으니 더이상은 안되겠다 싶어 맥으로 이사했다.

 

그런김에 또!! 또 환경설정 포스팅을 쓴다...

 

이블로그는 환경설정을 전문으로 하지 않습니다...

 

윈도우랑 설치과정이 매우 비슷하다 지금부터 시작한다.

 

이번 포스팅은 Android 개발 환경에 대해 작성한다

 

1. Android Studio 다운로드 및 설치

이번 시작은 Android Studio먼저 설치해 보겠다.

 

https://developer.android.com/studio 에서 안드로이드를 다운로드 받고 설치해준다 별거 없다 다 Next로 처리하면 된다.

2. Android Studio 설정

이전 포스팅에서 나타낸 Windows설정과 비슷하다.

 

일단 플러그인 부터 설치해주자

 

우리가 설치할 플러그인은 2개 Flutter와 Dart

 

위 사진처럼 Plugins를 클릭한다.

 

Flutter를 검색해서 설치한다. 마찬가지로 Dart를 설치해야한다고한다 같이 설치한다.

 

그리고나서 OK를 누르면 AVD Manager가 나타나면서 장치를 추가하자고 한다.

 

나는 Pixel XL이 좋다 이걸로 가자

 

이번에는 다 캡쳐했다

Create Virtural Device...을 클릭해서 장치를 추가하러 간다

 

Pixel XL을 클릭하고 Next

 

위 화면에서 다양한 image를 선택하게 되는데 나는 R을 선택했다.

 

R 옆에 있는 Download를 클릭해서 다운로드를 받아주자

 

Download를 누르면 위에처럼 창이 나타나는에 Accept해주고 Next.

 

위에 같은 화면이 나온다.

 

Graphics 를 Hardware GLES 2.0을 선택하고 Finish

 

장치 완 ㅋ 성 ㅋ

가상머신까지 설정이 끝났다.

 

3. Flutter SDK 다운로드 및 설정

뭐든 시작은 Flutter SDK 다운로드 및 설치로 시작한다.

 

https://flutter-ko.dev/docs/get-started/install/macos 여기서 SDK를 다운로드 받아준다.

 

받아서 압축을 풀면 Flutter폴더가 하나 나타난다.

 

나는 이번에는 좀 폴더를 깔끔하게 가고싶다.

 

그래서 Android Studio가 설치되면서 생긴 폴더에 넣어둘 생각이다.

 

보통 설치되면 아래와 같은 경로에 설치가 될거다

 

/Users/사용자명/Library/Android

 

압축을 푼 Flutter를 Android 폴더에 넣어준다.

 

이제 의사선생님을 불러보자

 

터미널을 통해서 내가 Flutter를 복사한곳까지 이동하자

 

그리고 나서 아래 명령을 실행하자. 아래를 실행하면 Flutter명령을 해당 터미널에서 실행 할 수 있게 해준다.

 

export PATH="$PATH:`pwd`/flutter/bin"

그리고 나서 Flutter doctor를 불러서 현재 플루터 상태를 보자

 

flutter doctor

Flutter는 정상으로 설치되었다. 하지만 Android toolchain이 이상하다.

 

밑에 XCode와 VS Code, Connected device는 무시하자 나중에 다 잡아낼거다

 

Android toolchain은 Android Studio의 SDK쪽에서 수정이 가능하다. 예전 포스팅에 나와있다.

 

포스팅 내용을 참고해서 수정하자 https://poruttugi.tistory.com/3

Flutter(플러터) 시작하기 - 1. 환경 설정(Windows)

그러면 이제 라이선스 문제가 나올거다

그럼 시키는대로 해야지 뭐 방법이 있나...

flutter doctor --android-licenses

이제 라이선스 문제도 해결되었다.

 

이제 프로젝트를 만들어서 빌드하면 되지만 나는 어디에서든지 flutter를 사용하고 싶으니까 PATH설정을 해주자

 

터미널을 새로 열거나 cd 명령을 통해서 기본 위치로 이동하자.

 

그리고 vi를 사용해서 bash_profile을 수정해주자

 

cd
vi .bash_profile

vi편집기로 flutter경로를 추가해 줘야한다.

 

vi편집기의 사용법은 나중에 따로 포스팅하겠다. 경로는 반드시 flutter가 있는 경로로 설정하고 bin을 포함하여야 한다.

 

아참 경로를 알기 힘든데 경로는 Finder로 해당 폴더까지 이동하여 우클릭-정보가저오기를 보면 나타난다 아래 사진처럼

위치를 그냥 드래그해서 붙여넣으면 이쁘게 들어간다.

 

vi편집기를 저장하고 종료한 후 다시 호출해주면 적용이 완료된다.

 

아래와 같이 적용하고 doctor가 불러지는지 확인하자.

 

source .bash_profile
flutter doctor

정상적으로 불러졌다면 환경 설정은 끝이다.

 

다음 포스팅에서는 실제로 깡통프로젝트를 빌드해보도록 하겠다

 

내용상 차이가 없다. https://poruttugi.tistory.com/4

Flutter(플러터) 시작하기 - 2. 기본 앱 실행(Windows)

위 링크를 참고해서 깡통 프로젝트를 돌려보자!