Flutter

Flutter 코딩 환경 설정

gt6606b 2023. 5. 29. 03:35

Flutter는 구글에서 만든 모바일 애플리케이션 개발 프레임워크: 하나의 코드베이스를 사용하여 Android 및 iOS용 모바일 애플리케이션을 모두 제작이 가능! 
Flutter는 구글의 Dart 프로그래밍 언어를 사용: 다양한 위젯을 제공하여 반응형 UI를 쉽게 만들 수 있음.

 

설치 순서(윈도우11 OS + Chrome 기준)

1) Android Studio 설치(Flutter용 IDE), Plugins 추가 설치(Flutter, Dart)

※ 한글 변수 에러시, 상단 File > Settings > Editor > Inspections > 상단Profile을 Default로 선택 > Proofreading > Typo 부분을 체크 '해제'

※ AS 대신 VS code 에디터 사용도 가능: VS code 설치하고 좌측 Extension에서 Flutter 설치

2) Flutter SDK 설치(예, C:\flutter), 제어판-시스템에서 환경설정 편집(시스템 변수 및 사용자 변수의 path에 C:\flutter\bin을 추가)

3) Powershell에서 Flutter doctor 실행하여 설치가 제대로 되어있는지 확인(필요시 추가 프로그램 설치, 예로 Visual Studio, VS Code 등)

※ 윈도우 데스크탑 개발을 위해서는 Visual Studio에서" Desktop development with C++"를 체크하여 기본 선택과 함께 설치.

설치 모두 된 경우

4) AS에서 새 Flutter 프로젝트 만들고 lib 내 main.dart에서 코딩 → Device Manager로 에뮬레이터 실행(초록색 Run ▶버튼 or SHIFT+F10) → 안드로이드 앱 화면 디스플레이됨!(미리보기 띄우려면 우측상단에서 Device를 Chrome(Web)으로 설정하고 우측 상단 재생버튼 누르면 앱 실시간 미리보기 가능)

※ New Flutter Project 실행하여 SDK 위치 지정하기: C:\flutter

 

참고 사이트