스마트폰이 없는 세상은 상상하기 힘들고, 누구나 가지고 있다
그런 사용자들을 위해서는 애플리케이션이 필수적으로 존재하게 되는데
애플리케이션을 사용하기 위해서는 누군가는 개발을 하여 출시를 해야 한다
가장 대표적인 Android 또는 ios의 앱을 만들기 위해서 존재하는 네이티브 앱이 있는데,
Android는 Kotlin
ios는 Swift
개발하는 것을 권장한다.
하지만 두 개를 한 번에 개발해서 배포할 수 있는 크로스 플랫폼이라는 것이 있는데
가장 대중적이고 사용자들이 많이 사용하는 Flutter 또는 React Native가 존재한다
애플리케이션이나 모든 프로그램은 원초적으로 용량이 작은 것을 선호했기 때문에
비교적 용량을 적게 사용할 수 있는 Flutter에 대해서 공부해볼까 한다
Flutter
웹 개발하려면 HTML CSS JS 알아야 하고
React 혹은 React Native는 JS와 JSX까지 알아야 하는데
Flutter 개발은 Dart 언어 하나만 알면 됩니다.
Dart는 구글 사내에서 개발한 언어인데
실은 자바스크립트 대용품으로 쓰려고 만든 언어입니다.
그래서 많은 문법들이 자바스크립트랑 거의 똑같이 생겨서 웹 하시던 분들은 앱 개발도 쉽게 할 수 있을 겁니다.
Flutter 설치
Flutter 개발 환경 세팅하기 위해
윈도 10 이상 (64bit) 또는 맥 OS 10.14버전 이상이 필요합니다.
1. Flutter SDK 설치
https://docs.flutter.dev/getstarted/install/windows
위 사이트에서 3.3.4 버전을 찾기 쉬운 곳에 다운로드하고 압축을 풀어줍니다.
2. Android Studio 설치
https://developer.android.com/studio
Android SDK, JDK라는 게 필요합니다. 예전엔 따로 설치해도 되었지만 이제는
Android Studio라는 IDE 프로그램에 동봉되어 나옵니다.
그래서 구글에 검색해서 Android Studio 설치하시면 됩니다.
3. Android Studio 세팅
코드 짤 때 VScode 에디터 쓰고 싶어도
일단 Android Studio 세팅은 해놓고 다른 에디터 쓰셔야 합니다.
Android Studio 처음 켜면 Plugins 메뉴가 있는데
거기서 Flutter 검색해서 Install 누르시면 됩니다.
그리고 More Actions에서 SDK Manager로 들어가셔서
체크된 부분을 설정 해주시면 됩니다.
환경변수 등록 ( 필수 !! )
1.
2.
3.
꼭 새로만들기를 눌러서 압축푼 Flutter폴더 안의 bin 폴더의 풀 경로를 적어줍니다.
(저는 바탕화면에 압축을 풀었습니다)
4.
[X] Android license status unknown 에러가 뜨면
그 밑에 나오는 flutter doctor androidlicenses 이걸 터미널에 입력하고 다 동의하면 해결입니다.
[X] cmdlinetools component is missing 에러가 뜨면
위에서 Android Studio에서 SDK Manager 눌러서 뭐 설치하라는 거 설치가 잘 안된 것입니다.
[X] 크롬 없다 에러는 크롬 브라우저 설치해 줍시다.
[X] Android Studio 에러가 뜨면
Android Studio 설치 안 한 것입니다
새로운 Flutter 프로젝트
- 왼쪽 메뉴에서 Projects => New Flutter Project 생성.
이렇게 설정 해주시고 Finish 해주시면 끝입니다 !
( 영어 소문자만 가능, 공백대신 _ 사용가능 )
이제 앞으로 main.dart 폴더 안에서 코드를 작성하시면 됩니다.
미리보고 싶으시다면 Chorme (web) 으로 설정을 바꿔주시고 초록색 재생 버튼 을 누르시면 됩니다
짠 ! 👾
