1. Windows 개발 환경 구축
1.1. Flutter SDK 설치 for Wnidows
1.1.1. Flutter 다운로드
1.1.1.1. Flutter 홈페이지에 접속해 [Windows]를 클릭합니다.
1.1.1.2. 'Get the Flutter SDK'의 [flutter_windows_{버전}.zip] 버튼을 클릭합니다.
1.1.1.3. 다운로드한 압축파일을 원하는 위치에 풀어줍니다.
저는 C:/flutter에 압축을 풀었습니다.
1.1.2. 환경 변수 설정
Flutter SDK를 사용해서 모든 Flutter 명령을 실행하려면 Windows에 Flutter SDK 위치를 등록해야 합니다. 이 과정을 '환경 변수 설정'이라고 부릅니다.
1.1.2.1.Wndows 검색창에 '환경'이라고 검색 후, '시스템 환경 변수 편집'을 클릭합니다.
1.1.2.2. [환경 변수(N)..] 버튼을 클릭합니다.
1.1.2.3. 환경 변수를 설정합니다.
- Path라는 변수가 있는지 확인합니다.
- Path가 존재하지 않는다면 [새로 만들기(N)...] 버튼을 클릭하고, 존재한다면 Path를 더블클릭 하거나, Path를 클릭 후 [편집(E)...] 버튼을 클릭합니다.
- [찾아보기(B)..] 버튼을 클릭한 뒤 'Flutter가 설치된 경로/bin'를 지정합니다.
- [확인] 버튼을 클릭하여 설정을 완료합니다.
2. MacOS 개발 환경 구축
2.1. Flutter SDK 설치 for MacOS
2.1.1. Flutter 다운로드
2.1.1.1. Flutter 홈페이지에 접속해 [macOS]를 클릭합니다.
2.1.1.2. 'Get the Flutter SDK'에서 칩셋을 선택하여 다운로드 합니다.
2.2. 환경 설정
2.2.1. MacOS에 Flutter SDK위치를 알려줘야 합니다. MacOS에 기본으로 제공되는 터미널 앱을 실행하여 다음 명령어를 실행합니다.
cd ~/development
unzip ~/Downloads/flutter_macos_3.7.12-stable.zip
첫 번째 명령은 현재 로그인한 OS 유저의 [development] 폴더로 이동합니다.
두 번째 명령은 [Downloads] 폴더에서 현재 위칭 압축 해제합니다.
2.2.2. 시스템 PATH 변수에 Flutter SDK의 위치를 등록합니다. 본인의 Shell 환경에 맞는 명령을 실행합니다.
1) 먼저, 다음 명령어를 사용하여 어떤 Shell을 사용하는지 알아냅니다.
echo $SHELL
2-1) Bash를 사용 중인 경우
vi ~/.bash_profile
2-2) Z Shell을 사용 중인 경우
vi ~/.zshrc
2.2.3. 프로파일 맨 아래에 아래 코드를 추가합니다.
export PATH="$PATH:{압축을 푼 flutter 폴더 위치}/bin"
* 주의: export PATH = ""처럼 = 좌우로 공백이 있으면 안 됩니다.
2.3. Xcode 설치
Xcode는 애플에서 제공하는 iOS 개발 툴입니다. flutter 앱을 iOS용으로 빌드하려면 반드시 Xcde가 필요합니다.
2.3.1. 앱 스토어에서 Xcode를 검색 후 설치합니다.
2.3.2. 아래 명령어를 실행합니다.
sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
sudo xcodebuild -runFirstLaunch
3. android studio 설치
안드로이드 스튜디오(andriod studio)는 flutter를 개발하는 IDE(통합 개발 환경)입니다. 안드로이드 스튜디오를 내려받는 과정은 운영체제와 상관없이 같습니다.
- 안드로이드 스튜디오 개발자 홈페이지에 접속
- [Download Andriod Stdio를 클릭]
- 기본값으로 설치
4. dart/flutter plugin 설치
- 안드로이드 스튜디오 실행
- 왼쪽 [Plugins] 버튼 클릭 → [Marketplace] 탭 → 검색창에 Flutter를 검색
- plugin 설치 후 [Restart IDE]를 클릭해 android studio를 재시작
'front end > flutter, dart' 카테고리의 다른 글
[Dart 입문] 함수 사용방법 (0) | 2023.05.18 |
---|---|
[Dart 입문] null 관련 연산자 (0) | 2023.05.16 |
Dart 입문. Collection(List, Map, Set) (0) | 2023.05.15 |
Dart 입문. 기초 문법 (0) | 2023.05.11 |
Dart 입문. Dart 소개 (0) | 2023.05.10 |