아이맥, 맥북을 이용하시는 여러분은 아래 링크를 눌러 플러터 설치를 시작해봅시다. 지금부터 순서대로 아래 4가지를 다운받을 겁니다.
1. 통역사 플러터 (Flutter) 다운로드
2. 아이폰 앱 개발을 위해 엑스코드 (XCode) 다운로드
3. 안드로이드폰 앱 개발을 위해 안드로이드 스튜디오 (Android Studio) 다운로드
4. 코딩을 위해 비쥬얼 스튜디오 코드 (Visual Studio Code) 다운로드
1. 통역사 플러터 (Flutter) 다운로드
macOS install
How to install on macOS.
docs.flutter.dev
설치를 위한 최소 요구 조건은 아래와 같습니다.
- 운영체제 : macOS
- 여유공간 : 2.8 기가바이트
사이트에 접속하고 스크롤을 아래로 내리다 보면 flutter_macos_2.10.4-stable.zip이라는 버튼이 보이실 거예요. 2.10.4는 플러터의 버전을 의미하죠. 플러터가 업데이트가 될 때마다 저 숫자는 계속 바뀔 겁니다. 홈페이지 디자인이 변경되기 전까지는 저 파란색 버튼을 찾아서 누르시면 됩니다!
다운로드 버튼을 누르면 크롬 좌측 하단에 플러터 zip파일 다운로드 중으로 표시됩니다. 만약 여러분이 최신형 m1칩이 탑재된 맥을 사용하고 계신다면 아래 링크를 참고하세요. m1칩은 기존의 인텔칩과 다르게 작동하기 때문에 플러터가 정상적으로 작동하지 않습니다.
GitHub - flutter/flutter: Flutter makes it easy and fast to build beautiful apps for mobile and beyond
Flutter makes it easy and fast to build beautiful apps for mobile and beyond - GitHub - flutter/flutter: Flutter makes it easy and fast to build beautiful apps for mobile and beyond
github.com
그래서 여러분이 최신형 m1 탑재 기기를 사용하시는 경우 업그레이드를 위해 터미널 프로그램을 열어 아래의 명령어를 복사 붙여넣기한 후 엔터를 누르세요.
sudo softwareupdate --install-rosetta --agree-to-license
이제 최신형 맥이 아닌 분들도 터미널 프로그램을 열어주세요.
터미널 프로그램을 열면 검은 화면과 흰글씨가 쓰여진 화면이 나옵니다.
여러분은 저 터미널 창에다가 아래 코드를 복사 붙여넣기 하고 엔터를 누르세요.
open .
그러면 파인더 창이 하나 나올텐데요, 여기에 development라는 폴더를 하나 만들어 줍니다. 그리고 아까 다운로드 받았던 flutter_macos_2.10.4-stable.zip파일을 development 폴더에 옮기고 압축을 풀어주세요. 압축을 풀면 flutter라는 폴더가 하나 생겼을 거예요. 그러면 아래 코드를 한 줄씩 순서대로 터미널 창에 복사 붙여넣기 하고 엔터를 누르세요.
cd
vi .zshrc
이러면 빈 메모창이 나올텐데요. 아래 코드를 복사 붙여넣기하세요.
export PATH="$HOME/development/flutter/bin:$PATH"
이렇게 나오면 esc를 누르고 :wq 를 입력하고 엔터를 누르세요.
이렇게 플러터 설치는 끝입니다. 정상적으로 설치되었는지 확인하기 위해 터미널 창에 아래 코드를 복사 붙여넣기 하고 엔터를 눌러보세요.
flutter doctor
[-] Android toolchain - develop for Android devices
• Android SDK at /Users/obiwan/Library/Android/sdk
✗ Android SDK is missing command line tools; download from https://goo.gl/XxQghQ
• Try re-installing or updating your Android SDK,
visit https://docs.flutter.dev/setup/#android-setup for detailed instructions.
이런 식으로 나온다면 성공적으로 설치가 된 겁니다!
여기까지 잘 따라오셨습니다. 이제 아래 링크를 눌러 아이폰 앱 개발을 위해 XCode 다운로드 해봅시다.
아이폰 앱 개발을 위해 XCode 설치하기
mingzan.tistory.com
'비전공자를 위한 Flutter > 앱 개발 준비하기' 카테고리의 다른 글
아이폰 앱 개발을 위해 Xcode 설치하기 (0) | 2022.04.20 |
---|---|
안드로이드폰 앱 개발을 위해 Android Studio설치하기 (윈도우 버전) (0) | 2022.04.19 |
통역사 Flutter는 어떤 친구인가요? (앱 개발 방법 3가지) (0) | 2022.04.16 |
Flutter window에 설치하는 법 / 윈도우 노트북, 컴퓨터에 설치하는 법 (0) | 2022.04.16 |
앱이란 무엇인가요? (0) | 2022.04.15 |
댓글