본문 바로가기
Flutter

그림 위주의 Flutter SDK 와 Android studio 설치

by 꾸준함이무기다 2023. 2. 8.

자 Flutter와 Android studio를 설치 하겠습니다.어렵지않습니다. 그림만 잘 따라 오세요

구글로 들어가서 검색창에 Flutter를 검색해 줍니다

그러면 이렇게 홈페이지가 나옵니다 주소는  -> 여기 클릭  https://flutter.dev/ 

 

Flutter - Build apps for any screen

Flutter transforms the entire app development process. Build, test, and deploy beautiful mobile, web, desktop, and embedded apps from a single codebase.

flutter.dev

 

빨간 동그라미 잘 따라 가세요

 

여기 첫번째 주의 사항 입니다.

Flutter 설치 하실때 C드라이브 D드라이브 E 드라이브 다 좋은대

C드라이브안에 Program File 요 안에설치하면 안됩니다!! 안돼요 하지 말래요

일단 아래처럼 C드라이브에 flutter 파일이 생성 이되면 1단계 성공 입니다.

저기 X 표는 저기다 깔면 안된다고 동그라미랑 X 랑 해논거에요

여기가 보물이구나 하고 깔면 안됩니다

 

자 이제 flutter를 실행 시켜줄 Android studio를 섪치 합니다

이건 용량이 좀 커서 시간이 좀더 걸려요

홈페이지는 아래클릭.

https://developer.android.com/studio

 

Download Android Studio & App Tools - Android Developers

Android Studio provides app builders with an integrated development environment (IDE) optimized for Android apps. Download Android Studio today.

developer.android.com

설치 화면은 저랑 다를수가 있습니다.

다운로드 클릭 하고 설치시 뭐 물어보면 늘 그렇듯 Next 연타!!

 

안드로이드 스튜디오 설치가 끝나면 

저절로 열릴거에요 안열리면 시작에서 클릭해 열어 주세요 

Plugin에서 Flutter 검색 설치

 

 

More Atcion -> SDK Manager -> android SDK -> SDK Tools -> Android SDK 커맨드 어쩌구를 클릭 하시고 Apply

 

이제 환경 변수 설정에 들어 갑니다.

 

자기가 Flutter 설치한 곳에 가셔서 bin 파 경로를 가져오셔야 합니다

예를 들어 저는 그냥 C드라이브에 설치 했기 때문에 저의 bin 파일 경로는

C:\flutter\bin 요기 입니다.

 

 

검색창에 cmd 명령어를 치시면 검은색 프롬프트 화면이 열립니다 거기다가 flutter doctor 해 주시면 

flutter 의사선생님이 진단해 줍니다

 

간혹 그냥 new project를 만드시기도 하는대 

꼭 New Flutter project로 만드셔야 합니다

각자 마음대로 프로젝트 이름 정해 주시고 (되도록 영문 소문자, 띄어쓰기는 하지 마시고 띄어쓰고 싶으면 _ 요 밑 슬러쉬를 이용해 주세요) 

이름 짓는 예를 들어 flutter project 띄어쓰기 안좋습니다

flutter_project 요렇게 해주세요

 

 

자 이제 lib 폴더 안에 main.dart 가 시작점 입니다 이 파일 눌러서 코딩 시작해 보세요 ㅎㅎ

댓글