
Flutter를 공부하려고 마음먹었다. 먼저 Flutter 공식 홈페이지에서 문서(Flutter Docs) 페이지를 들어가 보니, 생각보다 문서화가 잘 되어 있다. 앞으로 이 문서를 참고하면서 하나씩 차근차근 익혀보고, 이해한 내용을 정리해서 적어보려고 한다.
Get Started 섹션에는 아래 세 가지 단계가 안내되어 있다. 이번 글에서는 첫 번째 항목인 환경 설정에 대한 내용을 정리하였다.
1. Flutter를 사용하기 위한 개발 환경 설정하기 (Set up Flutter)
2. Flutter 설치하기 (Install Flutter)
3. Flutter 배우기 (Learn Flutter)
$ sudo softwareupdate --install-rosetta --agree-to-license아래의 2개 패키지 설치가 필요하다. 각각의 설치 방법은 이 문서 하단에 자세하게 기술해 두었다.
소스코드를 작성할 수 있는 텍스트 에디터나 통합 개발 환경(IDE)을 마련해야 한다. 공식 문서에서는 어떤 것을 써도 무방하지만 Visual Studio Code(VS Code)을 설치하는 것을 추천한다.
설치 방법은 아래 문서를 참고하면 된다.
Extention까지 설치를 완료하고 나면, VS Code에서 아래의 화면이 보여진다!
SDK란 Software Development Kit의 약자로 앱을 개발할 때 필요한 도구, 라이브러리, 설명서, 샘플코드를 한데 모아 제공하는 개발 도구 세트이다. Flutter SDK는 Flutter로 앱을 개발하고 빌드(실행파일로 만드는 것) 할 수 있게 해주는 핵심 도구 세트라 설치가 필요하다.
[Command]+[Shift]+[P]
[Esc]키를 누른다. 추후에 테스트 프로젝트를 만들 예정이다.
iOS 용 앱을 개발하기 위해서는 Xcode와 CocoaPods 2 개의 패키지 설치가 필요하다.
Flutter 코드를 iOS가 이해하는 네이티브 코드(바이트코드)로 변환(컴파일)하기 위해 Xcode가 필요하다.
App Store에서 Xcode를 찾아 설치 (6GB+ 공간 필요)
MacOS에서 터미널을 열어 Flutter에서 사용할 Xcode의 경로를 지정
sudo sh -c 'xcode-select -s /Applications/Xcode.app/Contents/Developer && xcodebuild -runFirstLaunch'
(Flutter에서는 앱을 실행하거나 빌드할 때 flutter run과 같은 명령어를 사용하는데 이 명령어는 내부적으로 Xcode의 빌드 도구를 호출한다. Flutter가 iOS 앱을 빌드할 때 사용할 Xcode의 경로를 지정해주는 명령어이다.)
Xcode로 Flutter 앱을 실행시키기 위한 시뮬레이터 설치
$ xcodebuild -downloadPlatform iOS
시뮬레이터 실행 (잘 설치되었는지 확인)
터미널에서 아래의 명령어를 통해 시뮬레이터가 잘 설치되고 열리는 지 확인한다. 실행하면 아래와 같이 아이폰 모양의 시뮬레이터 창이 열린다.
$ open -a Simulator
터미널에서 아래의 명령어를 입력하면 Cocoapods이 설치된다.(공식 설치 가이드)
# sudo gem install cocoapods
macOS에서 Flutter 개발 환경의 모든 구성 요소가 제대로 설치되었는지는 flutter doctor 명령어를 통해 확인할 수 있다. iOS 앱만 개발할 것이기 때문에 Android 관련항목을 제외하고 아래와 같이 나오면 개발 준비 완료이다!
자료 출처: Flutter Docs 공식문서