Flutter Log | 플러터 시작하기 - 환경설정 오류 해결 방법

본 포스팅은 처음 플러터를 시작하면서 접한 내용들에 대한 내용입니다. 

📢 플러터를 공부하며 정리하는 강의노트입니다. 기억을 위한 요점 및 키워드 기록에 중점을 둔 글입니다. 틀린내용, 질문 등 어떤 커멘트도 환영입니다.

플러터 시작하기

플러터 시작하기

플러터란?

구글이 출시한 애플리케이션 개발용 프레임워크이다. 다양한 OS에 대응하는 프로그램을 한 번에 개발할 수 있다는 장점이있다.

UI Framework + Collection of Tools

플러터의 장점?

One

- 하나의 코드로 여러 OS에 대응할 수 있다. 이로 인한 장점은 디버깅, 테스트, 배포 등의 작업을 한 곳에서 할 수 있다.

UIKit

- Uikit에는 자주 사용돼 미리 구성해 놓은 많은 컴포넌트들이 준비돼 있어 레고블럭을 쌓듯이 가져다 조립하며 빠르게 프로그램을 구성할 수 있다.

플러터 환경설정

Flutter SDK 설치

1. Flutter 웹페이지에서 본인의 운영체제에 맞는 Flutter SDK를 원하는 위치에 다운받고 압축을 푼다.

2. 환경변수를 설정해 준다. 

 

위 두 단계를 마치면 Flutter 설치가 완료 된다. 하지만 자꾸 에러가 발생했다.

🚨 설치가 안돼 해맸던 부분 

1. 강의에서는 terminal에서 ~/.zshrc에 환경변수 설정을 하라고 했다. 하지만 Flutter 웹페이지에서는 ~/.zshenv에 하라고 되어 있었다. 둘다 큰 차이는 없을 것 같지만, Flutter 웹페이지가 하라는 대로 했다.

2. 이건 리눅스 지식이다. 환경변수선언시 변수와 =를 띄워쓰면 안된다.

export PATH=<Flutter 위치>:$PATH

 

PATH와 <Flutter 위치> 사이에 공백을 두지말아야 한다. 또 강의들에서는 $PATH와 <Flutter 위치>를 위와 반대로 했지만 Flutter 공식문서에는 위와 같이 하라고 나와있기 때문에 이렇게 했다. 이렇게 했더니 잘 되었다.

Android Studio 설치

1. 안드로이드 스튜디오 웹페이지에서 프로그램을 다운받고 설치한다.

2. Plugin에서 Flutter를 검색해 설치한다. 

3. Welcompage 하단에 More Action에서 SDK Manager에 들어간다.

안드로이드 스튜디오

여기서 SDK Tools 탬에서 Android SDK Command-line Tool을 선택해 설치(Apply)해주고 OK를 눌러주면 환경 설정은 완료된다.

4. Terminal에서 flutter doctor를 쳐서 모든 항목에 ✅ 체크가 돼 있다면 성공적으로 환경설정이 완료 된 것이다.

flutter doctor 실행 모습

🚨 Android toolchain 오류 해결 방법

안드로이드 스튜디오를 문제 없이 설치한 후 Android-SDK를 설치했는데도  아래와 같이 Android tollchain 오류가 발생하는 건 SDK 위치 설정을 안했기 때문이다.

flutter doctor error

flutter config --andorid-sdk <android-sdk-location>

 

위 명령어에서 android-sdk-locaion에 안드로이드 sdk의 위치를 입력해 준다. 위 명령어가 성공적으로 실행 된 다음에는 아래의 안드로이드 라이센스 동의 처리를 해주어야 한다.

flutter doctor --android-licenses

 

위 명령어를 입력해주면 아래와 같은 화면이 나오는데, 여기서 y를 입력해주며 필요한 라이센스들에 동의를 해준다. ⚠️ 여러번 해주어야 한다.

 

andoid licenses 동의

 

📌 위 과정을 거치면서 SDK를 한 폴더에서 관리하는게 편리하다는 점을 느꼈다.