Flutter

Flutter 개발하기 - 1. 개발 환경 셋팅

로빈이야기 2023. 3. 6. 11:45

1. Flutter 개발 환경 셋팅

Flutter SDK 설치

https://docs.flutter.dev/get-started/install

 

Install

Install Flutter and get started. Downloads available for Windows, macOS, Linux, and ChromeOS operating systems.

docs.flutter.dev

 

Flutter SDK 다운로드

1. 본인 OS 환경에 맞게 Flutter SDK 를 다운로드합니다.

macOS 다운로드

2. 저는 MacOS - Apple Silicon 환경이라 해당 SDK를 다운로드 받았습니다.

3. 압축을 풀고 꼭 해당 경로를 기억해둡니다. ex) c:\sdk\flutter 

 

 

안드로이드 스튜디오 설치

https://developer.android.com/studio

 

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

안드로이드 스튜디오 설치

1. 안드로이드 스튜디오를 설치합니다.

안드로이드 스튜디오 시작 - Perferences

2. 안드로이드 스튜디오 시작 - Perferences 를 누릅니다.

Flutter 설치

3. Plugins - Flutter 를 설치합니다.

4. 안드로이드 스튜디오를 재시작합니다.

안드로이드 스튜디오 시작 - New Flutter Project
Flutter - ...

5. Flutter SDK 설치한 곳을 찾아 Path 를 연결해줍니다.

Flutter - New Project 생성

6. 해당 정보를 입맛에 맞게 입력후 Finish 를 누릅니다. 경로 Project location 의 마지막 이름은 꼭 소문자 여야합니다. ex) helloworld

자동으로 생성된 프로젝트

7. 성공적으로 Flutter 프로젝트가 생성되었습니다.

 

Flutter App 실행

8. Chrome 을 선택하고 실행을 누릅니다.

 

Flutter First App

9. Flutter First App 이 실행입니다.

 

감사합니다.