Flutter 개발환경 구축하기 (feat. fvm) - 개발공부 기록

플러터 로고

Flutter(플러터)는 구글에서 만든 모바일/웹/데스크톱 크로스 플랫폼 GUI SDK 입니다. 하나의 코드로 안드로이드, ios, 윈도우, 리눅스 및 웹브라우저에서 모두 작동되는 앱을 제작할 수 있지만, 대부분은 모바일 어플리케이션을 개발하는데 사용하고 있습니다. 저도 이번에 모바일 앱을 하나 만들어볼까 하고 공부를 시작했는데요, 꾸준히 공부를 지속할 수 있게(하루 30분이라도) 그날그날 공부한 내용을 요약해서 기록하려고 합니다. 오늘은 개발환경 구축을 위해서 아래와 같은 프로그램을 설치할 계획입니다

 

1. git
2. chocolatey
3. dart-sdk
4. 환경변수 설정하기
5. fvm
6. android studio

 

저는 windows 10 환경에서 개발공부를 진행하고 있으니 macOS등 다른 환경에서 개발을 공부하는 분께는 큰 도움이 안될 수도 있습니다.

 

git 설치하기

 

https://git-scm.com/download/win 에 접속하여 Standalone Installer의 64bit Windows Setup을 클릭하여 파일을 다운 받습니다. 브라우저에 따라서 exe 파일은 다운로드를 막을 수 있는데, ctrl+J 키를 눌러 다운로드 목록에서 '계속' 또는 '확인되지 않은 파일 다운로드' 버튼을 눌러 다운로드를 진행하고 설치안내에 따라 설치를 진행하시면 됩니다. 설치를 해보신 분들은 자신에게 알맞는 항목을 선택해서 설치를 진행하셔도 되고, 처음이시면 그냥 Next 버튼만 쭉 눌러주시면 됩니다.

 

chocolatey 설치하기

 

chocolatey는 윈도우즈용 패키지 매니저로 npm처럼 윈도우에서 명령어로 패키지를 설치하는 프로그램이라고 보시면 됩니다. chocolatey 설치 페이지에 접속하기 전에 먼저 파워쉘을 준비하셔야 하는데요, 윈도우 시작 버튼(바탕화면 왼쪽 아래의 윈도우 로고)을 클릭하시고 powershell이라고 치시면 windows powershell(파워쉘)이 보이게 될텐데, '관리자로 시작' 버튼을 눌러서 관리자 모드로 실행을 시켜주세요. UAC(사용자 계정 컨트롤) 설정에 따라서 경고창이 뜰 수 있는데 '예'를 선택하시면 됩니다. 그 뒤 구글에서 windows choco를 검색하시면 맨 위에 chocolatey software 홈페이지가 나오는데 바로 접속하지 마시고, 아래 소메뉴 중에 두번째에 있는 'setup/install'을 클릭하시면 설치 페이지로 바로 이동할 수 있습니다. 아래로 내려가시면 'Install with PowerShell.exe' 이라는 항목이 있는데, 파워쉘에서 해당 명령어를 입력하면 설치가 완료됩니다. 설치를 하기 전에 사전 테스트를 진행 해야 하는데, 먼저 아래 명령어를 입력해 보세요

Get-ExecutionPolicy

위 명령어를 입력하면 'Restricted' 또는 'Bypass'가 뜰텐데, Restricted가 뜰 경우에는 아래의 두 명령어 중 하나를 입력하셔야 합니다.

Set-ExecutionPolicy AllSigned
//또는
Set-ExecutionPolicy Bypass -Scope Process

※만일 회사에서 진행할 경우엔 보안관리자에게 사전에 문의하시는 게 좋습니다.

위 명령어를 통해 'Bypass'상태가 되었으면 아래 명령어를 입력하여 chocolatey를 설치해 주세요.

Set-ExecutionPolicy Bypass -Scope Process -Force; [System.Net.ServicePointManager]::SecurityProtocol = [System.Net.ServicePointManager]::SecurityProtocol -bor 3072; iex ((New-Object System.Net.WebClient).DownloadString('https://community.chocolatey.org/install.ps1'))

설치가 완료되었으면 아래 명령어로 설치가 잘 되었는지 확인할 수 있습니다.

choco --version

2.4.1과 같이 버전이 나오면 설치가 잘 된 겁니다.

 

dart-sdk 설치하기

 

chocolatey를 설치하셨으면 바로 아래 명령어로 dart-sdk를 설치해 줍니다

choco install dart-sdk

설치하는 도중에 질문하는 창이 나오는데 y(yes)또는 a(yes to all)을 입력후 엔터를 치시면 설치가 계속 진행이 됩니다.

 

fvm 설치 및 활성화

 

fvm은 Flutter Version Management의 약자로 플러터의 버전을 관리해주는 프로그램이라고 생각하시면 됩니다. fvm 설치 또한 chocolatey를 통해 진행합니다

choco install fvm

마찬가지로 설치 도중에 질문하는 내용이 뜨면 y 또는 a를 입력해서 계속 진행해 주세요. 설치가 끝나면 아래 명령어로 fvm을 활성화 해 주세요.

dart pub global activate fvm

그런데, 저는 여기에서 오류가 발생했습니다. 강의에는 관련된 내용이 나오지 않아서 구글신께 기도를 드렸는데, 아무래도 환경변수가 제대로 설정이 안된 것 같았습니다. 내일은 환경변수를 설정한 뒤 개발환경 구축을 마무리 지어보도록 하겠습니다