[flutter] #001. 설치하기 ( in Windows )

in #dclick6 years ago (edited)

flutter.png

1. 설치 요구사항

  • OS : windows 7 SP1 또는 그 이후 출시된 (64bit)
  • DISK : 400 MB이상 여유공간 필요 ( IDE 개발툴 설치공간 제외 )
  • TOOL : 필요 의존성 아래 2개 툴이 사전에 설치 되어 있어야 됩니다.

2. Flutter SDK 다운로드

flutter_00.PNG

  • SDK 다운로드 페이지
  • 다운로드 받은 flutter_windows_vXX.X.X-beta.zip 파일을 압축 해제
  • C:\dev\flutter 같은 폴더에 풀기 C:\Program Files\ 폴더 말고 (Program 폴더는 권한 상승이 필요하기 때문)
  • 압축 해제한 C:\dev\flutter 폴더에서 flutter_console.bat 더블클릭 해 flutter 콘솔 창을 열 수 있습니다.

3. flutter docter 실행

flutter_01.PNG

  • flutter doctor 을 실행
  • [√] Flutter : flutter 설치 완료
  • [X] Android toolchain : 안드로이드 툴체인 설치
  • [X] Android Studio : 안드로이드 스튜디오 설치
  • [!] Connected device : 연결된 장비(휴대폰 등)이 없음

아래 진단 결과를 확인하여 [X] 마크가 설정된 부분을 해결

Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel dev, v0.10.0, on Microsoft Windows [Version 10.0.17133.1], locale ko-KR)
[X] Android toolchain - develop for Android devices
    X Unable to locate Android SDK.
      Install Android Studio from: https://developer.android.com/studio/index.html
      On first launch it will assist you in installing the Android SDK components.
      (or visit https://flutter.io/setup/#android-setup for detailed instructions).
      If Android SDK has been installed to a custom location, set $ANDROID_HOME to that location.
      You may also want to add it to your PATH environment variable.

[X] Android Studio (not installed)
[!] Connected device
    ! No devices available

! Doctor found issues in 3 categories.

4. Android Studio 설치

flutter_02.PNG

flutter_03.PNG

  • 사용자 설치를 통해 Android Virtual Device 를 선택 한 후 설치 수행
  • 관련 SDK 등을 다운로드 받으면서 설치하므로 시간이 좀 걸림에 유의

flutter_04.PNG

  • 설치 완료 후 flutter doctor 를 실행하여 유효성을 검증
  • 아래 처럼 라이센스 동의가 안 된 경우 flutter doctor --android-licenses 를 통해 라이센스 동의를 수행한다 (y)

flutter_05.PNG

  • 이후 flutter doctor 를 수행하면 연결된 디바이스 없음 항목만 볼 수 있음 ok !

5. Android Studio 설정

아래 관련 링크를 참조하여 설정 바랍니다.

flutter_06.PNG

  • Configure - Settings - Plugins - [ Seach ] flutter 를 통해 플러그인 설치 후 재시작

flutter_07.PNG

flutter 프로젝트가 추가된 것을 확인할 수 있다.

6. HelloWorld flutter

flutter_08.PNG

  • start a new flutter project
  • flutter application

flutter_09.PNG

  • project name : helloworld
  • flutter sdk path : C:\dev\flutter

flutter_10.PNG

회사 도메인명은 뭐 알아서 입력 후 [Finish] 를 눌러 프로젝트 생성

flutter_11.PNG

위와같이 생성된 프로젝트를 확인할 수 있다.

  • main.dart 좌측에서 divice를 선택 [ open android emulator : nexus 5x api 28 x86 ] 을 선택하여 가상화 디바이스 선택
  • 휴대폰을 usb로 연결한 경우 해당 device를 선택하여 테스트 가능
  • shift + f10 또는 ▶ 를 눌러 실행

flutter_12.PNG

관련 링크 모음

맺음말

오늘부터 이 글을 읽고 따라하신다면 코딩천재 후훗~

  • 자~ 겁먹지 말고 한번 따라해 보세요.
  • 설치관련 문의 사항은 댓글로 부탁 드립니다.

추가 내용

1. Flutter plugin not installed (18.10.24)

플러그인을 설치 했음에도 불구하고 아래와 같은 경고 문구가 나오는 경우

아래와 같이 지웠다가 다시 깔아본다. ( flutter & dart plugins )

I alerady faced this issue but i solved by myself
-Uninstall Dart and flutter
-Restart android studio or intellij
-Install Dart and flutter and restart again


▼▼▼ D.CLICK 은 사랑입니다 ▼▼▼


Sponsored ( Powered by dclick )
업그레이드 병

보통 수집가라는 사람들은 물건을 사용하기 보다는 모으기를 좋아하는 사람들이다. 그들이 처음부터...

logo

이 글은 스팀 기반 광고 플랫폼
dclick 에 의해 작성 되었습니다.

Sort:  

오오..모바일 앱 만들다가 공부하기 귀찮아서 접었는데 원사마님 글보고 다시 시도해보겠습니다!

어렵지 않아요 ㅋ

그리고 신기술이라 선점해서 배우면 좋을지도 ?

마지막으로 구글이 리딩하는 프로젝트라 왠만하면 않망할듯요

구글과 원사마님이라면 일단 믿고 갑니다~!

곰돌이가 @hjh0827님의 소중한 댓글에 $0.013을 보팅해서 $0.010을 살려드리고 가요. 곰돌이가 지금까지 총 950번 $14.094을 보팅해서 $12.446을 구했습니다. @gomdory 곰도뤼~

스팀잇 슈퍼코더에서 월드 슈퍼코더로 승격하셔야죠!

아직 초짜라 ㅋㅋ 응원 감사요

근데 flutter 가 뭐하는건가요? ^^;
디클릭하고 갑니다~

안드로이드 & iOS를 개발 할 수 있는 모바일 개발 프레임워크 입니다.

기존에 안드로이드는 java, iOS는 swift 를 각각 배워야 개발 할 수 있지만

구글에서 새롭게 나온 flutter ( dart 라는 언어를 사용 )를 배우면 한번에 2가지를 개발 할 수 있습니다.

그럼 즐거운 하루 보내세여 :)

긁적 긁적...ㅋㅋㅋ 디클릭 클릭좀 하고 올께염!!ㅋㅋㅋㅋㅋㅋ

Congratulations @jinuking ! you got 0.690 SBD 2nd prize of holdem round 101.see more info at https://steemit.com/@steemit.holdem

JOIN HOLDEM ( needs 0.100 SBD )

효자손좀 놔드려야 ㅋㅋ

ㄷㄷ 이거 뭐하는 넘인가요
엄청 어려워 보이는군요
그냥 디클릭이나 ㅎㅎ

개발글인데 그냥 그려려니 하셔도 ㅋ

디클릭은 사랑입니다 :)

flutter 세계로 오시나요~ dart 쓩~

플루터 가즈아~~

응원만 하고 갑니다.

응원 감사합니다 :)

코딩을 배우고 싶지만 어디서부터 시작해야할 지...
그냥 구경만 하고 가네요.

지금 함 따라해 보세요 ㅋ

right now :)

이제 앱 개발로 갑니다!! 앱 스팀 가즈아!
아, steemkr을 앱으로!!

기존 steemkr cli 개발한거 flutter로 마이그레이션 해보려고여 ^^

android 앱 개발 플랫폼인가요? 한번 봐야겠네요. 정보 감사합니다.

android & ios 동시개발 프레임 워크입니다

1타2피 프레임워크죠 ^^

그런데 이거 뭐하는 아이인가요???

개발툴인가요??

디클릭은 사랑입니다~ ^^

넵 개발 툴이요 ㅋ

디클릭은 사랑이죠 :) 굳밤요

Hi @wonsama!

Your post was upvoted by @steem-ua, new Steem dApp, using UserAuthority for algorithmic post curation!
Your UA account score is currently 3.608 which ranks you at #5555 across all Steem accounts.
Your rank has improved 5 places in the last three days (old rank 5560).

In our last Algorithmic Curation Round, consisting of 319 contributions, your post is ranked at #33.

Evaluation of your UA score:
  • You're on the right track, try to gather more followers.
  • The readers like your work!
  • Good user engagement!

Feel free to join our @steem-ua Discord server

@wonsama님께서 🎲주사위를 굴려 56 이(가) 나왔습니다.
[flutter] #001. 설치하기 ( in Windows ) from @wonsama