본문 바로가기
Developer/Flutter

Flutter SDK 설치하는 방법 (환경변수 설정)

by roqkfrlfhr 2020. 10. 31.

Flutter SDK 설치하는 방법 (환경변수 설정)

 

FlutterGoogle에서 개발한 Cross-Platform Application Framework 입니다.

언어는 Dart를 사용하고 AOS 와 IOS 를 한번에 개발할 수 있는 큰 장점뿐만 아니라 다른 많은 장점을 가지고 있는데요.

앞으로 Flutter에 대한 포스트를 많이 작성해보려고 합니다.

Flutter SDK 설치하는 것 부터 시작하려고 합니다.

 

그럼 Flutter SDK 설치하는 방법에 대해서 알려드리도록 하겠습니다.

 

먼저 Flutter 사이트로 들어갑니다.

flutter.dev

아름다운 Flutter 홈페이지를 보실 수 있습니다.

Flutter 홈페이지에서 우측 상단에 Get Started 버튼을 클릭합니다.

 

Install 페이지에서 자신의 OS를 선택합니다.

저는 Mac을 사용하고 있기 때문에 macOS를 선택하여 진행하도록 하겠습니다.

 

자신의 운영체제에 맞는 Flutter Install 페이지에 들어오시면,

사진과 같이 Flutter SDK 를 zip 파일로 다운로드하실 수 있습니다.

git 명령어로 하는 방법도 있습니다. 하지만 저는 zip 파일을 다운로드 하여 설치하는 방법으로 진행하도록 하겠습니다.

 

zip 파일을 다운로드 하셨으면 다운로드한 zip 파일을 압축 해제합니다.

압축 해제를 하면 나오는 Flutter SDK 폴더를 원하는 경로로 이동시켜줍니다.

해당 경로는 잘 기억해두셔야 합니다.

이제 해당 경로로 환경변수 설정을 해줘야하기 때문입니다.

 

환경변수를 설정해주기 위해 Terminal을 열어줍니다.

그리고,

vi ~/.zshrc

명령어로 .zshrc 파일을 열어줍니다.

※ 저는 Catalina 버전 이상으로 기본 zsh 쉘을 사용하기에 .zshrc 파일에 환경변수를 입력합니다. 버전이 다른 분들은 .bash_profile 등의 파일에 입력해야할 수 있습니다. 추후 버전에 따른 환경변수 설정 안내를 해드리도록 하겠습니다.

 

.zshrc 파일을 여시면 기존에 환경변수가 설정되어 있습니다.

※ 환경변수를 설정하신적이 없다면 파일이 생성되고 아무런 내용이 없을 수 있습니다.

 

i 키를 눌러 Insert 상태로 만들고, 사진과 같이

export PATH=$PATH:flutter_SDK_폴더_경로/flutter/bin

를 추가로 입력함으로 환경변수를 설정합니다.

 

Flutter SDK 경로를 잘 입력해주셨다면,

ESC 를 누르고 :wq 로 저장하고 편집상태를 나감으로서 Flutter SDK 환경변수 설정이 완료되었고,

Flutter SDK 설치가 모두 완료되었습니다!

 

터미널을 종료했다가 다시 켜신 뒤 터미널에서,

flutter 를 입력하면 오른쪽 사진과 같이 Flutter SDK가 잘 설치되어 Flutter 명령어들이 나타나는것을 확인하실 수 있습니다.

 

또한 터미널에서 flutter doctor 명령어를 통해 Flutter SDK 와 Flutter 개발에 있어 다른 조건들이 모두 충족되었는지에 대한 정보를 한눈에 확인하실 수 있습니다.

터미널에서 flutter doctor를 입력해보시면 사진과 같이 Flutter가 성공적으로 잘 설치된 것을 확인하실 수 있습니다.

 

Flutter SDK는 성공적으로 잘 설치 되었지만,

Flutter 개발을 위해 느낌표가 뜨는 다른 부분들에 있어서도 해결을 해줘야겠죠?

해결하는 방법에 대해서 다른 글에 작성하도록 하겠습니다.

 

Android toolchain 해결 방법:

 

Flutter Android Toolchain (Android license status unknown) 해결 방법

Flutter Android Toolchain (Android license status unknown) 해결 방법 Flutter SDK를 설치한 후 터미널에서 flutter doctor 명령어를 입력하면 Flutter SDK 개발 환경이 충족되었는지 한눈에 보실 수 있는건..

jsikim1.tistory.com

 

 

제 글에 잘못된 정보, 더 좋은 방법 혹은 정보, 

궁금하신 점, 요청 사항 등이 있으시다면 언제든지 말씀해 주세요!

 

감사합니다.


댓글