앱을 개발하는 방법에는 여러가지가 있습니다. 웹 앱, 네이티브 앱, 하이브리드 앱 등이 있지만, 최근에 등장한 개발시간을 단축시킬 수 있는 크로스플랫폼 앱이 있습니다. 그 중의 하나가 플러터인데요. 이 포스팅에서는 플러터로 앱을 만들 때 제일 먼저 해야되는 플러터 개발 환경 세팅하는 방법에 대해서 설명드리도록 하겠습니다.
플러터(Flutter)란?
플러터는 구글에서 개발한 오픈 소스 프레임워크로, 모바일, 웹, 데스크톱 및 임베디드 환경에서 작동하는 애플리케이션을 만드는 데 사용됩니다. 플러터는 크로스 플랫폼 개발을 지원하여 일관된 애플리케이션 UI를 만들 수 있습니다.
특징
플러터는 네이티브 앱 개발과 비교하여 다음과 같은 특징을 가지고 있습니다.
- Dart 프로그래밍 언어 사용: 플러터는 구글이 개발한 Dart 언어를 사용합니다. 자바스크립트와 비슷하며, Dart는 빠른 실행 속도와 간단한 UI 정의 기능을 제공합니다.
- 크로스 플랫폼 지원: 플러터는 Android, iOS, Web, Desktop 등 다양한 플랫폼을 지원하여 하나의 코드베이스로 여러 플랫폼에 배포할 수 있습니다.
- 빠른 개발 속도: 플러터는 ‘핫 리로드’ 기능을 제공하여 실시간 테스트와 디버깅이 가능하며, 갖춰진 UI를 불러와 커스터마이징 하는 방식이라 디자인이 간편합니다.
- 네이티브 성능: 플러터는 네이티브 컴파일을 지원하여 네이티브 앱과 유사한 성능을 제공합니다.
플러터 개발 환경 세팅 방법
Windows 10 이상의 OS가 설치된 컴퓨터에서 플러터 개발 환경 세팅하려면 어떻게 해야하는 지 설명드리겠습니다.
1. Flutter SDK 설치
1-1. Flutter SDK archive 를 다운로드 받을 수 있는 공식홈페이지에 접속하여, “Stable channel (Windows)” 탭의 최신 릴리즈 플러터 버전을 클릭하여 zip 파일을 다운로드 받습니다.
1-2. Zip 파일 안에 있는 “flutter” 폴더를 자신이 관리하기 좋은 위치에 둡니다. ex) C:\flutter
2. 안드로이드 스튜디오 설치
구글에 검색하거나, Android Developers 홈페이지에 접속하여 Android Studio를 설치하시기 바랍니다. 설치 과정은 생략합니다. (다운로드 중 옵션 설정 등은 모두 기본 상태로 두고 진행하시면 됩니다.)
3. 안드로이드 스튜디오에 Flutter 플러그인 설치
안드로이드 스튜디오를 열고, File ➟ Settings ➟ Plugins ➟ flutter 검색 ➟ Install 을 눌러 플러터 플러그인을 설치합니다.
4. 안드로이드 스튜디오에 SDK Manager 세팅
안드로이드 스튜디오의 메뉴 ➟ Tools ➟ SDK Manager ➟ Languages & Frameworks ➟ Android SDK ➟ SDK Tools 탭 ➟ “Android SDK Command-line Tools (latest)” 체크 후 OK 하여 Apply 해주세요.
5. 시스템 환경 변수 등록하기
플러터 개발 환경 세팅에 있어서 매우 중요한 부분입니다. 이 단계를 놓치면 골치 아프니 꼭 잘 설정해주세요.
5-1. 윈도우 검색창에 “시스템 환경 변수 편집”을 입력하여 열어줍니다.
5-2. “시스템 속성”의 “환경 변수”를 클릭하세요.
5-3. Path를 선택하고 “편집”을 클릭합니다.
5-4. “새로 만들기”를 눌러서 1단계 때 Flutter 를 설치한 폴더 경로에 \bin 을 추가하여 확인해줍니다. ex) C:\flutter\bin
6. SDK 설치 오류 테스트
SDK 설치가 정상적으로 되어 플러터 개발 환경세팅이 잘 되었는지 확인하려면, 윈도우10 검색창에서 “powershell”을 검색하여 실행합니다.
“flutter doctor”를 입력 후 엔터를 칩니다. 여기서 만약 “Some Android licenses not accepted. ” 라는 경고 문구가 나타나게 된다면, “flutter doctor –android-licenses”를 터미널에 입력후 Y를 여러번 눌러주면 됩니다.
7. 새로운 플러터 프로젝트 만들기
7-1. File ➟ New ➟ New Fluter Project 클릭
7-2. Flutter SDK Path를 설치했던 flutter 폴더 위치로 지정. ex) C:\flutter
7-3. New folder 클릭 후 폴더 이름 설정
7-4. Project 이름 설정 및 위치 지정 후 Finish 클릭
마치며
윈도우에서 플러터 개발 환경 세팅하는 방법을 알아보았습니다. 플러터 출시 초창기에는 학습하기 어려운 최악의 언어로 선정되기도 했지만, 점차 많은 개발자들의 관심을 받으며 인기가 상승하는 추세입니다. 많은 대기업에서 점차적으로 앱개발을 플러터로 진행하는 경향을 보이고 있습니다. 구글의 Google Ads, 알리바바(Alibaba) 모바일 앱 , 텐센트(Tencent QQ) 등이 예시가 될 수 있겠습니다. 플러터의 위젯 및 플러그인들도 계속 발전하고 있기 때문에 앞으로 플러터의 전망이 더 밝아보입니다.
이런글은 어떠신가요?
▶인텔리제이 한글깨짐 오류 해결하는 방법