플러터(Flutter) #

플러터란 #

• Flutter 개요 : http://www.incodom.kr/Flutter
• Flutter state(상태) : http://www.incodom.kr/Flutter/state
• Flutter FCM(알림메세지) : http://www.incodom.kr/Flutter/FCM
• Flutter http(서버사용) : http://www.incodom.kr/Flutter/http
• Flutter state(상태) : http://www.incodom.kr/Flutter/state
• Flutter FutureBuilder(비동기) : http://www.incodom.kr/Flutter/FutureBuilder
• Flutter 앱 접근 권한 설정 : https://www.incodom.kr/flutter%20%EC%95%B1%20%EC%A0%91%EA%B7%BC%20%EA%B6%8C%ED%95%9C%20%EC%84%A4%EC%A0%95
• Flutter 소셜 로그인 구현 - 카카오 : http://www.incodom.kr/flutter_%EC%86%8C%EC%85%9C_%EB%A1%9C%EA%B7%B8%EC%9D%B8_%EA%B5%AC%ED%98%84_-_%EC%B9%B4%EC%B9%B4%EC%98%A4

플러터 환경구축(Windows) #

1. 안드로이드 설치
2. 플러터 SDK 설치
3. 안드로이드 환경변수 설정
4. 안드로이드 플러터&다트(Dart) 플러그인 설치
5. 프로젝트 생성
6. 안드로이드 애뮬레이터 설치 및 실행

안드로이드 설치 #

• 안드로이드 설치 경로 : [ https://developer.android.com/studio?hl=ko ]

Android Studio는 Android의 공식 IDE이다. Android용으로 제작되어 개발을 가속화하고 모든 Android 기기용으로 최고급 앱을 빌드하도록 도와준다. 또한 풍부한 코드 편집, 디버깅, 테스트 및 프로파일링 도구를 비롯한 맞춤형 도구를 Android 개발자에게 제공한다.

플러터 SDK 설치 #

• 플러터 SDK 설치 경로 : [https://flutter.dev/docs/development/tools/sdk/releases#windows]

Windows에서 비교적 안전한 Stable을 다운받기를 권장한다.

Flutter SDK를 설치하고 알집을 해제하면 해당 경로의 'flutter_console.bat'를 실행한다.

이후 'flutter doctor' 명령어를 작성하면, 다음과 같은 화면이 나타난다. 첫 번째 에러로 "Unable Android SDK"가 발생하는 것은 안드로이드 스튜디오 SDK 경로가 지정되어있지 않기 때문이다. SDK 경로를 지정하는 방법은 환경변수 설정이 있다.

안드로이드 환경변수 설정 #

실행기(CMD)로 환경변수 편집기를 실행시킨 후 "ANDROID_HOME" 항목을 등록해준다.

이후 'Path'에도 경로를 추가해주어야 한다.

'flutter doctor' 명령어를 재실행하면, 에서 [!]로 변경된다. 해당 경고문구가 나타나면 하단 명령어를 그대로 실행시킨 후 'y(동의)'를 입력하여 진행한다.

결과가 다음까지 나타나면 성공이며, 해당 에러가 발생하는 이유는 'Android Studio' 자체에 플로그인이 설치가 되지 않았기에 나타난다.

안드로이드 플러터&다트(Dart) 플러그인 설치 #

플러그인을 설치하는 방법은 하단 이미지를 순차적으로 진행하면 된다.

'flutter doctor'을 검색하게 되면 모든 부분이 설치가 완료되었다고 나타난다.

'Android Studio'를 재실행 시켜보면 'flutter' 프로젝트를 만들 수 있게 된다.

프로젝트 생성 #

마지막 단계는 프로젝트 생성 및 실행이다.

주로 앱을 만들게 되니 'Flutter Application'을 선택하고 'Next'를 누른다.

'flutter SDK path'는 '...'을 눌러 Flutter 폴더를 경로로 지정해준다.

'AndroidX'를 기본적으로 클릭하되, 추후 배포를 위해서는 하단의 Kotlin과 Swift를 체크해주어야 한다.

이와 같은 절차를 마치게 되면 프로젝트가 만들어진다.

안드로이드 애뮬레이터 설치 및 실행 #

프로젝트를 실행하기 위해서는 안드로이드 애뮬레이터를 실행시켜야 한다. 애뮬레이터 설치하기 위해서 상단의 도구를 클릭한다.

이후 'Create Virtual Device...'를 클릭하여 디바이스를 선택한다.

디바이스를 선택한 후 'Next'

주로 'Pie'버전을 사용하지만 다른 버전을 사용해도 무방하다. 이후 'Finish' 버튼을 클릭하여 애뮬레이터를 실행시킬 수 있다.

마지막으로 애뮬레이터를 실행시키고 '▶(초록색)' 도구를 누르게 되면 애뮬레이터와 연동이되어 기본 프로젝트가 실행된다.

참고문헌 #

Flutter 공식 사이트 : [https://flutter.dev/]

Suggested Pages #

• 0.025 Android
• 0.025 iOS
• More suggestions...