최근에 모바일 해킹 공부를 하면서 시장 점유율을 슥 훑어봤는데, Flutter을 처음 알았을 때보다 점유율이 상당히 높아져 있는 것을 보았습니다.
학생일 때 최대한 트렌드를 많이 따라잡자는 마인드 때문에 차근차근 정리해 보려고 합니다.
Flutter?
구글에서 개발하고 관리하는 오픈소스 모바일 앱 개발 프레임워크이고, Android와 iOS등 플랫폼의 제약을 받지 않고 동작하는 앱을 개발하기 위해 사용합니다.
Why Flutter?
궁금해서 조금 찾아봤는데
Android와 iOS를 모두 지원하는 것 이외에도 컴포넌트라던가 라이브러리들이 다양하고, 예쁘기 때문에 대세가 된 것 같다. 실제로 개발을 잘 할줄 몰라도 라이브러리들로 그럴듯한 앱을 만들 수 있는 장점도 있는 것 같다.(일각에서는 결국 시장에 출판되어 있는 앱은 Native가 많고, 도입에 결국 Flutter 개발자를 뽑아야 하기 때문에 인식이 좋지 않은 듯 하다.)
하지만 분명 장점이 극명하기도 하고, 최근 스타트업에서는 Flutter에 대한 애정을 보이고 있으니 앱을 만들어 보고 싶다던가, 소규모 사업장에서는 한번 시도해 볼만 한 것 같다.
자 그럼 개발환경 구축부터 해보겠습니다.
1. Flutter SDK 다운로드
https://docs.flutter.dev/get-started/install에 들어가게 되면 OS별 SDK를 다운받을 수 있습니다.
Window사용자는 저걸 누르면 됩니다.
다운로드가 정말 느리기 때문에 눌러 놓고 Android Studio를 받는걸 추천합니다.누르면 압축 파일을 풀라고 하는데 드라이브 아무곳이나 풀면 됩니다(c:\ 추천) 대신 SDK파일 압축을 푼 곳은 기억해 두어야 합니다.
2. 윈도우 환경변수 편집 ( 리눅스와 Mac의 경우 따로 검색해 보아야 합니다.)
일단 윈도우의 경우 검색창에 환경 변수를 치고 시스템 환경 변수 편집을 클릭합니다.
들어가보면 환경 변수 버튼이 있는데 클릭합니다.
아까 저장한 플러터의 경로를 환경 변수에 입력해 주어야 합니다. 환경 변수에서 "PATH" 라는 항목을 찾고 수정 버튼을 눌러서 Flutter의 저장 경로를 추가해 주자 ( 나의 경우 c:\flutter, 단 정말 주의할 점은 \bin 경로까지 포함하여야 한다. )
그리고 powershell을 "관리자 권한" 으로 열어 flutter doctor 명령어를 입력해 준다. Flutter 실행에 필요한 요소들을 진단해주는 거라고 보면 됩니다.
여기서 X가 뜨는 항목들은 필수로 설치해 주어야 합니다. (나의 경우는 Visual Studio에서 데스크톱에서 c++ 를 사용할 수 있는 환경을 구축해 달라고 표시되어 있다.)
또 등장하는 초보 개발자분들을 위한 말
- 모든 컴퓨터마다 환경이 다 다르고, 설치되어 있는 파일도 다르기 때문에 저와 동일하게 되시지 않을 수 있습니다.
- 하지만 설치 과정은 거의다 같고, 필수 파일과 설정은 찾아보면 다 나옵니다. (저는 최대한 자세히 기술하려고 노력하지만 모든걸 다 기술할 수는 없기에..)
- 이 과정에서 포기하신다면 좋은 개발자가 되실 수 없을 것이라고 생각합니다.
- 고통을 즐깁시다~ 음하하
추가적으로 노란색으로 표시된건, 라이센스 동의가 있어야 설치할 수 있는 항목이기 때문에 경고 메세지가 뜬 것 입니다.
터미널에
flutter-docter --android-licenses 를 입력해서 라이센스 동의를 하고 나머지를 다운로드 해줍시다.결과적으로 이런 페이지가 뜨면 됩니다. (ALL Checked)
3. Android Studio 설치
버전이 업데이트 될 때마다 웹사이트에서 제공하는 다운로드 페이지가 변경됩니다.
https://developer.android.com/studio?hl=ko 여기서 다운로드 받으면 됩니다.
개발을 안해본 분들을 위해
다운로드 받다보면 동의항목이 존재하는데 다 Agree 해주면 됩니다. (로그 보내기 싫으면 error Report같은거 해제해도 된다.)
추가적으로 Virtual Device는 권장으로 체크 되어 있는데, 나중에 따로 설치할 수 있기 때문에 자유롭게 체크해도 됩니다.
안드로이드 스튜디오 설치가 다 되었다면 플러그인 먼저 설정해 줍시다.
다운로드를 받아야 하는 필수 항목은 일단 Flutter 입니다. 처음 화면에서 Plugins 클릭 → Flutter 검색 → Install을 눌러주면 됩니다.
Flutter 다운로드 (프로그램 재부팅 필요)
선택적으로 받아야 하는 것들은 이런 것들이 있습니다.
- Atom Icons (귀여운 아이콘들)
- Atom OneDarkThems (이쁨)
4. Android SDK Command-line Tools 설치
Android SDK Command-line Tools는 Android 애플리케이션 개발을 위한 도구 모음입니다. Android Studio IDE를 사용하지 않고도 Android 앱을 개발할 수 있도록 도와주는 프로그램이라고 보시면 됩니다.
디버깅, 디바이스 관리, 빌드 등등 여러가지 작업을 수행할 수 있기때문에 설치해 주어야 합니다.
메인페이지에서 more 버튼을 눌러주고 SDK Manager 버튼을 클릭합니다.
SDK Manager에서 Android SDK를 클릭하고, Android SDK Command-line Tools를 클릭하고 Apply 버튼을 눌러줍니다.
5. Flutter 프로젝트 생성
new project를 누르고 Flutter을 클릭하면 SDK PATH를 입력하라고 뜹니다. 이때 앞서 다운로드 받은 Flutter 폴더의 경로를 주면 됩니다.
이후 프로젝트 이름, 플랫폼 등을 정해서 프로젝트를 생성합니다. 이제 환경 설정은 끝났습니다.
만약 프로젝트 생성이 안되신다면
git config --global --add safe.directory '*'
해당 명령어를 쳐주시면 됩니다.