본문 바로가기
IT/Flutter

플러터 개발환경 셋팅 [1/4] - flutter SDK

by 이우블로그 2022. 6. 7.

플러터란 무엇인가?

앱 만드는건데요. 원래 안드로이드 따로 아이폰 따로 만들었었는데 얘는 한번의 프로그래밍 으로  안드로이드, 아이폰, 웹까지 한방에 컴파일 되는 엄청 멋진 개발 도구예요.

구글에서 만든 그리고 구글에서 야심차게 밀고 있어서 앞으로 더 기대가 될수도(?) 있다고 저는 확신하는데 (지금의 나도 과거의 내가 상상도 못했던 만큼 미래는 알 수 없는거라서 책임은 못 짐)

 

바로 설치 시작합니다~

 

1. 플러터 SDK 설치 및 환경변수 설정

 

플러터 SDK (Software Development Kit) 를 다운받기 위해 아래의 사이트에 접속합니다.

 

 

https://flutter.dev/

 

Flutter - Build apps for any screen

Flutter transforms the entire app development process. Build, test, and deploy beautiful mobile, web, desktop, and embedded apps from a single codebase.

flutter.dev

 

 

 

 

오른쪽 상단의 'Get started' 버튼을 클릭합니다.

 

 

 

 

자신의 시스템에 설치된 운영체제에 맞는 버튼을 클릭하여 다운 받습니다.

 

 

 

 

빨간색 네모안의 최소요구 사항을 숙지하고 스크롤을 살짤 내려 빨간색 타원 표시의 zip으로 압축된 Flutter SDK 를 내려받아 C:\ 루트 디렉터리에 압축을 풀겠습니다.

하단의 빨간색 밑줄의 경고와 같이 C:\Program Files\ 처럼 상위권한의 디렉터리에 압축을 풀면 안됩니다.

 

C:\ 루트디렉터리에 압축을 풀면 C:\flutter 폴더가 생성됩니다.

다음 어느 폴더에서나 플러터를 실행시킬 수 있도록 하기 위해 환경변수 설정을 해줍니다.

 

 

 

 

작업표시줄의 돋보기모양 검색버튼을 눌러 '시스템 환경변수' 를 검색하여 화살표 표시한 시스템 환경 변수 편집을 클릭 합니다. 만약 돋보기 모양 검색버튼이 안보인다면 아래 그림을 참고하세요.

 

 

 

 

작업표시줄에서 마우스 오른쪽 버튼을 클릭해 위 그림처럼 '검색 아이콘 표시' 를 선택하면 돋보기가 생깁니다.

 

 

 

 

환경변수 버튼 클릭

 

 

 

 

위 아래 두개의 창이 있는데 아래 '시스템 변수' 창에서 스크롤을 약간 내려 Path 변수를 찾아 클릭하여 선택 후 아래 빨간색 네모 표시한 편집 버튼을 클릭합니다.

 

 

 

네모 표시한 '새로 만들기' 버튼을 클릭하면 화살표 표시한 곳에 새로운 경로를 입력할 수 있게 빈칸이 생기고 여기에 플러터를 설치한 폴더의 bin 폴더 경로를 입력합니다.

그러니까 제경우 조금 전 C:\ 루트 디렉토리에 flutter를 압축풀어 두었으므로 C:\flutter\bin 이렇게 입력하면 되는 겁니다.

확인을 누르면 환경변수 입력이 끝나 이제 어떤 디렉토리 에서든 플러터 명령어를 실행 시킬 수 있게 되었습니다.

 

잘 되는지 확인을 위해 커맨드 창을 띄워서 확인해 보겠습니다.

또 돋보기 아이콘을 클릭해 command를 검색하면 됩니다.

 

 

 

 

명령프롬프트에 flutter 입력하고 Enter 를 쳤을때 위처럼 플러터 관련 메시지가 주르륵 쏟아지면 제대로 실행되는 겁니다.

댓글