Flutter
구글이 출시한 오픈 소스 크로스 플랫폼 GUI 애플리케이션 프레임워크이다.
플러터를 이용하면 하나의 코드 베이스를 가지고도 다양한 타깃 플랫폼에 맞는 앱을 만들 수 있다.
하지만, 플러터 자체는 프로그래밍 언어가 아니기 때문에 다트(Dart) 언어 위에 플러터를 더해 사용하게 된다.
MacOS 설치
Install
Install Flutter and get started. Downloads available for Windows, macOS, Linux, and ChromeOS operating systems.
docs.flutter.dev
1. 코드 복사 후 터미널을 열고 실행 (M1칩 사용 시 버전 업그레이드)
sudo softwareupdate --install-rosetta --agree-to-license

2. M1용 Flutter SDK 다운로드

3. 압축 풀기(아래는 터미널을 통해 명령어로 푸는 것인데, 직접 폴더에서 풀어도 된다.)

4. fultter설치된 파일들을 옮긴 경로를 지정

💡Tip! : .zshrc파일을 업데이트 : ① 일반 텍스트 편집기로 업데이트
② 파일을 찾지 못하면 그냥 생성
③ 숨겨져 있을 경우 CMD + SHIFT + . 눌러서 확인
②번 방법 사용 : 터미널 열고 아래 명령 입력하기
cd ~ # 사용자 디렉토리 이동
pwd # 현재 디렉토리 경로 출력
vi .zshrc # 입력 후, i를 눌러 insert모드로 변환
export PS1=" \$ "
export PATH="$PATH:/Volumes/development/tools/flutter/bin" # export PATH="$PATH:경로입력/bin"
# 입력 후 esc 누르기(insert모드 끄기) -> :wq 입력 (쓰고 나가기)
저장 후 터미널을 닫았다가 다시 실행 후 아래 명령어를 입력하면 경로가 출력되는 것을 볼 수 있다.
which flutter
5. 시스템에 플러터 개발에 필요한 모든 준비가 되었는지 확인할 수 있는 명령어
flutter doctor
iOS와 Android 설치
∙ iOS와 Xcode
1. App Store 이용하여 Xcode 설치

2. 터미널에 아래 명령 실행
sudo xcode-select -s /Applications/Xcode.app/Contents/Developer
sudo xcodebuild -runFirstLaunch
3. Xcode 라이센스 계약에 서명한다는 명령 실행
sudo xcodebuild -license
스페이스를 눌러 계약 끝까지 내린다음 agree 입력 후 엔터를 누른다.
4. iOS 시뮬레이터 설정
iOS 시뮬레이터에서 Flutter 앱을 실행하고 테스트할 준비를 하려면 아래 명령을 실행한다.
open -a Simulator
5. iOS 시뮬레이터 생성 및 부팅

∙ Android Studio
1. Android 스튜디오 웹사이트로 가서 최신 버전의 Android 스튜디오를 다운로드
Download Android Studio & App Tools - Android Developers
Android Studio provides app builders with an integrated development environment (IDE) optimized for Android apps. Download Android Studio today.
developer.android.com


2. 설치 완료된 파일을 오픈
2-1. 여기서 Standard로 설정하고 Next를 눌러줍니다.
Standard : 안드로이드 스튜디오에서 제공되는 가장 일반적인 설정과 옵션으로 설치(사용자 권장)
Custom : 설치 설정 및 설치된 구성 요소를 사용자가 지정

2-2. 테마 설정

2-3. 설정 확인

2-4. 라이센스 동의
옆에 목록을 하나씩 선택 후 Accept(수락)을 누른 뒤 Finish 클릭

2-5. 다운로드

2-6. 추가 소프트웨어 설치
SDK Manager 클릭

SDK Platforms : Android API 34, Android 13.0 설치

SDK Tools : Android SDK Build-Tools 34, Android SDK Command-line Tools(latest),
Android Emulator, Android SDK Platform-Tools 체크 후 OK 버튼 클릭

2-7. 설치

3. 터미널 실행 후 Flutter Doctor를 다시 실행해서 Android 개발에 필요한 모든 게 플러터에 있는 지 확인

4. 위 [ ! ] 표시 되어 있는 것을 찾아 다시 설치 (해당 사항 없으면 건너뛰어도 된다.)
4-1. 위에서 두번째 [ ! ] Android toolchain ... 해결 하기 위해 아래 명령어 실행 후 나오는 라이센스 모두 y 입력
flutter doctor --android-licenses

4-2. 위에서 세번째 [ ! ] Xcode - develop for ... 해결 하기 위해 CocoaPods 설치 (터미널에 아래 명령어 입력)
※ M1으로 Cocoapods를설치해도 안먹는 경우!
Homebrew 패키지 매니저 사용
Homebrew
The Missing Package Manager for macOS (or Linux).
brew.sh
터미널 열고 아래 명령어 입력 후 실행(중간에 계속 진행하기 위해 엔터키 누르기)
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
설치 완료 후 터미널에 명령어 입력 후 확인
brew --version
※ 만약 zsh: command not found: brew 오류가 발생한다면 Homebrew 경로를 추가한다.
Homebrew를 환경 변수로 등록
echo 'export PATH="/opt/homebrew/bin:$PATH"' >> ~/.zshrc
환경 변수 반영
source ~/.zshrc
설치 확인
brew config
설치가 완료되었다면, 다시 터미널에서 아래 명령어 입력 후 설치
brew install cocoapods

5. Android 에뮬레이터 설정
5-1. Android Studio에서 Virtual Device Manager 클릭

5-2. Create Device 클릭

5-3. 템플릿 선택

5-4. 최신 버전 다운로드

5-5. 에뮬레이터 성능을 위해서 하드웨어 GLES 2.0을 선택

5-6. 재생 버튼을 클릭 해 에뮬레이터 시작

6. Android 에뮬레이터 실행
