플러터를 설치해보고 플러터에 관련된 오픈소스를 다운받고 실행해보았다.
flutter 설치
flutter 홈페이지에 가면 flutter를 설치하는 법과 다운로드 링크가 상세하게 나와있다.
flutter 홈페이지
일단 이 주소로 들어가서 설치 번들을 다운로드하여 Flutter SDK의 최신 stable 릴리즈를 받는다.
Flutter를 path에 영구적으로 추가
그런 다음 Flutter를 path에 영구적으로 추가하기 위해 먼저 path를 알아야한다.
path는 flutter/bin으로 들어가서 echo $PATH를 실행하면 알 수 있다.
이렇게 알게 된
vim $HOME/.zshrc로 들어간다.
(macOS Catalina는 Z shell을 default로 사용하므로 나는 $HOME/.zshrc로 들어간 것이고, 혹시 z shell이 아닌 bash shell 인 경우 $HOME/.bashrc로 들어가면 된다. 그리고 vim이 없다면 다른 명령어를 사용해도 무관하다.)
들어갔다면
export PATH="$PATH:[PATH_TO_FLUTTER_GIT_DIRECTORY]/flutter/bin"
를 적어넣으면 되는데 [PATH_TO_FLUTTER_GIT_DIRECTORY]/flutter/bin은 앞서 알게되었던 path를 적으면 된다.
이렇게 다 적었으면 저장해준다.
이제 어디서든 flutter 명령어를 실행할 수 있게되었다.
flutter doctor 실행
flutter doctor
라는 명령어를 실행하면
이런 식으로 무엇을 설치해야하는지 창이 뜨게된다.
이 것에 맞춰서 하나씩 설치해나가면 된다.
먼저 xcode와 android studio를 설치해야 한다.
xcode, android studio를 설치
xcode는 appstore에서 설치할 수 있고
android studio는 아래 사이트에서 설치할 수 있다.
안드로이드 스튜디오 설치 사이트
들어가서 download 버튼을 눌러 다운로드하고 설치를 진행하면 된다.
설치가 끝나면
xcode를 사용하기 위해
커멘드라인에서 sudo xcodebuild -license명령을 입력하여 Xcode 라이센스 계약이 서명되었는지 확인하고
android studio에서 flutter를 사용하기 위해
dart와 flutter plugin을 설치해야한다.
xcode는 그냥 저 명령어를 입력하고 그 다음에 뜨는 모든 것을 accept 해주면 끝이다.
android studio는 먼저 실행한 후 처음 뜨는 창에서 오른쪽 아래 있는 plugins을 선택한다.
선택하면 아래와 같은 창이 뜰텐데 거기서 아래 뜬 창에 보이는 것처럼 dart와 flutter를 검색한 후 설치하면 된다.
모두 완료된 후 다시 flutter doctor를 실행하면 다음과 같이 뜬다.
혹시 vscode와 connected device를 제외한 나머지에 체크표시가 아닌 x나 !표시가 뜨고 license를 확인하라는 등의 에러가 뜨면 에러 옆에 나온 예시 명령어를 그대로 실행해주면 된다.
android는 android studio, ios는 xcode로 작업해줄 것이므로 vscode는 다운 받지 않아도 무관하다. 따라서 vscode 옆에 표시는 무시하고 진행할 것이다.
Connected device
그러면 이제 마지막 !만 해결하면 되는데 이것은 작업을 하고 작업한 내용을 실행해 볼 에뮬레이터를 설치하면 된다.
먼저 ios 에뮬레이터는
open -a Simulator
를 커멘드라인에 입력한다. 그럼 에뮬레이터가 자동으로 켜질 것이다.
그리고 android 에뮬레이터는 아래와 같이 클릭해서 AVD manager에 들어간 뒤에 새로운 virtual device를 생성해주면 된다. 이때 원하는 기기에 맞춰서 설치해주고 실행해주면 된다.
이렇게 둘 중 하나라도 키고 flutter doctor를 실행하면 1개를 제외한 모든 것에 체크표시가 되어있을 것이고 이렇게 되면 설치가 끝난다.
오픈소스 설치
내가 실행해볼 오픈소스는 github에 많이 돌아다니는 flutter example 중에 하나이다.
flutter example이 많은 flutter example app이라는 github repository를 하나 찾았는데 그 중에서 내가 가장 흥미로웠던 flutterWidgets 관련한 example이었다.
다운로드 받는 법은 간단하다.
다른 github repository 다운 받듯이 git clone 명령을 사용해 다운받으면 된다.
이 오픈소스를 실행하고 활용하는 것은 다음 글에서 진행하도록 하겠다.
