Flutter 설치 및 환경 설정

1. Flutter란?

플러터(Flutter)는 2017년 구글에서 개발한 크로스 플랫폼 앱 개발 프레임워크로, 다트라는 언어를 사용하여 개발합니다.

Flutter는 iOS, Android, 웹 앱을 단일 코드 베이스로 개발할 수 있는 모바일 앱 SDK입니다.

 

플러터는 크게 프레임워크와 엔진, 임베더 계층으로 구성되어있습니다. 

 

① 프레임워크 계층 : 다트 언어로 개발된 여러가지 클래스가 있으며 이 클래스를 이용해 앱을 개발함

 

② 엔진 계층 : 플러터의 코어를 담당함. 대부분 C와 C++ 언어로 만듦 (렌더링, 다트 컴파일, 데이터 통신, 시스템 이벤트 등을 처리)

 

③ 임베더 계층 : 플러터 엔진이 렌더링한 결과를 플랫폼별 네이티브 언어로 뷰를 만들어 화면에 보여줌

 

2. 왜 Flutter를 사용하는가?

① 높은 생산성
- 단일 코드베이스로 iOS와 Android 개발할 수 있습니다.
- 앱 실행 중에 코드를 바꾸고 리로드하여 개발을 할 수 있습니다. (hot reload)
- 앱이 중단된 지점에서 문제를 수정하고 디버깅을 이어나갈 수 있습니다.
② 고도로 커스터마이징된 인터페이스
- Flutter의 자체 프레임워크를 사용하여 머티리얼 디자인과 쿠퍼티노 (iOS) 스타일의 풍부한 위젯들을 만들 수 있습니다.
OEM 위젯의 제한없이 맞춤형의 아름다운 브랜드 주도 디자인을 실현할 수 있습니다.

 

3. 설치 및 환경 설정 

① 안드로이드 스튜디오 설치

아래 링크에서 사양에 맞는 안드로이드 스튜디오 다운로드

https://developer.android.com/studio

Download Android Studio & App Tools - Android Developers

 

체크 후 다운로드

모두 Next 후 다운로드 

 

② flutter sdk 설치

아래 링크에서 사양에 맞는 os 선택

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

Install

 flutter_windows_3.3.0-stable.zip 선택 (os는 windows , 날짜 2022-09-07 기준 버전 3.3.0)

 

압축해제 후 flutter 폴더를 C폴더 아래로 복사

 

환경변수 path 선택 후 편집 클릭

새로만들기 클릭 -> C:\flutter\bin  추가

확인버튼을 눌러 적용합니다.

 

명령프롬프트를 열어 아래의 명령어를 입력합니다.

fluttter --version

아래의 명령어를 입력하여 플러터 개발환경을 점검합니다.

flutter doctor

녹색 표시는 제대로 설치되었다는 표시입니다.

 

 

안드로이드 스튜디오를 열어 Plugins -> Maketplace 탭 선택 검색창에 flutter를 입력하여 flutter를 install합니다. 

 

설치 완료후 IDE를 재시작하면 New Flutter Project가 나타나는 것을 확인하면 설치가 완료되었습니다.