Flutter 설정 및 다운로드 이야기

Flutter?

Google에서 개발 및 지원하는 오픈 소스 프레임워크
Android, IOS가 같이 되는 크로스 플랫폼
Dart라는 언어를 사용

내가 생각하는

장점

크로스플랫폼(IOS Android를 따로 개발하는 귀찮음이 줄어듬)

Google에서 지원해서 공식 문서가 잘되어있음

디자인을 조금 못해도 기본 UI가 좋아서 잘되어 있음

단점

아무래도 크로스플랫폼이니 네이티브에 가깝다고 나오지만 그래도 불안정

새로운 언어를 배워야 한다는 부담감

Flutter 설치

mac 플러터 설치 로 이동

mac이 아니면 기본 설치에서 각 운영체제에 맞게 설치

---

시스템 요구사항 맞추기

운영 체제 : macOS, 버전 10.14(Mojave) 이상
디스크 공간 : 2.8GB
Rosetta 번역 환경을 위해 아래 코드 터미널에 입력

$ sudo softwareupdate --install-rosetta --agree-to-license

---

Flutter SDK 받기

1. 파일 다운로드

위 링크에서 flutter_macos_arm64_3.10.6-stable.zip다운(최신 버전이 바껴서 다른거일수도..)
(만약 최신 버전이 다운 받기 싫으면 클릭)

2. 다운로드 후 원하는 위치에 파일 옮기기

user 파일에 development가 있으면

cd development
unzip ~/Downloads/flutter_macos_3.10.6-stable.zip

위 코드 작성 또는 직접 압축 풀기 원하는 파일에

3. 경로 추가 설정(중요)

아래 명령은 현재 터미널 창 PATH에 대헤해서만 변수 설정

 export PATH="$PATH:`pwd`/flutter/bin"

영구적 반영을 하고 싶으면 다음과 같이 작성

1. Flutter sdk 복제본의 경로를 결정
2. rc셸용 파일 열거나 만들기 echo $SHELL, $HOME/.zshrc 등 열기
   거의 대부분 vim ./.zshrc
3. 다음 줄을 추가(위와 같이 development에 한다는 가정)

#Flutter
export PATH="$PATH:/Users/[User_Dir]/development/Flutter/bin"
# 위파일 저장 후(zshrc파일 갱신)
source .zshrc

4. 다운로드 확인

which flutter 
# 또는
flutter --version

오류가 안나고 위와 같이 버전이 나오거나 경로가 나오면 설치 완료!!

---

플러터 설정

flutter doctor를 이용한 의존성 확인

아마 처음에는 Xcode와 Android Studio가 안되어 있음(VS Code 등 다운로드 가정)

---

Xcode 설치

1. 앱스토어에 이동 후 Xcode 다운로드(시간이 오래 걸림)
2. Xcode 명령줄 도구를 구성

$ sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
$ sudo xcodebuild -runFirstLaunch

3. Xcode 한번 열어 확인 또는 아래 명령줄 입력

$ sudo xcodebuild -license

4. CocoaPods 설치

$ sudo gem install cocoapods

번외
CocoaPods설치 중 Rudy 버전 등에서 에러가 발생

Rudy버전 업데이트에서 버전 업데이트 후 에러 해결!

5. flutter doctor를 입력하여 다시 확인

---

AndroidStudio 설치

1. 안드로이드 스튜디오 사이트 방문 후 설치
2. sdk tool 설치
   안드로이드 스튜디오 실행 후 SDK Manager 클릭
   
   SDK Tools > Android SDK Command-line Tools 선택 후 설치 > apply > ok
   
3. 라이센스 적용

$ flutter doctor --android-licenses

---

위 설정을 다하고 다시 flutter doctor를 입력시
(혹시 모든 자세한 버전을 확인하고 싶으면 flutter doctor -v 를 입력)

아래와 같이 모든 부분이 체크가 되면 완료!

최종점검

잘설치되었는지 확인을 위해

$ open -a Simulator

입력하여 시뮬레이터 켜보기