본문 바로가기
  • 경제적 자유를 누리기 위해, 디지털 노마드
코딩

앱개발 - 플러터(Flutter) 개발환경 설정

by 메이비존과산체스 2020. 5. 14.
반응형

플러터 개발환경 설정(Window)

 플러터는 구글에서 제작한 멀티 플랫폼(ios어플리케이션 ,안드로이드 어플리케이션, 웹 어플리케이션 ) 개발 프레임워크입니다. 공식홈페이지에서 거의 대부분 튜토리얼을 얻을 수 있어서 진입장벽이 높지않고, visual studio code를 지원하고 리엑트네이티브처럼 핫리로드를 지원하는 등 네이티브 앱 개발에 편리하게 업데이트가 이루어지고 있습니다.

저는 원래 리엑트 네이티브로 하려 했다가 ㅋ개발환경ㅋ때문에 바로 접어버리고 플러터로 갈아탔습니다.

깃허브 따오기도 쉽고 재미있어서 이게 훨씬 좋더라고요 애니메이션구현하기도 편하고요

 

 

https://flutter.dev/

 

Flutter - Beautiful native apps in record time

Flutter is Google's UI toolkit for crafting beautiful, natively compiled applications for mobile, web, and desktop from a single codebase. Flutter works with existing code, is used by developers and organizations around the world, and is free and open sour

flutter.dev

 

 

1. Flutter 공홈에 들어가서 getstart를 누른다

1. Flutter 공홈에 들어가서 getstart를 누른다

 

 

 

 

 

 

2. 원하는 플랫폼을 선택한다

2. 원하는 플랫폼을 선택한다

 

3. Get the Flutter SDK를 눌러서 sdk를 다운받는다.

 

압축을 해제한 후, 원하는 디렉토리에 flutter폴더를 이동시킵니다.

(* 이 글에서는 원하는 디렉토리로 C:\dev\flutter를 사용합니다.)

C:\dev\flutter\flutter_console.bat을 더블클릭하여 실행시킵니다.

 

Update your path

시스템 속성 > 고급 > 환경 변수로 이동합니다.

사용자 변수 중 Path가 있다면, C:\dev\flutter\bin을 추가합니다.

 

Run Flutter Doctor

Update your path를 진행하였다면 새로운 cmd를 실행하여 아래의 명령어를 입력합니다.

> flutter doctor

flutter doctor는 개발환경에 부족한 걸 찾아줍니다.

doctor가 요약해준 내용을 보면서 하나하나 해결해나갑니다.

 

잘 놓치는 포인트!!!

 

1. 경로설정 - 맨날 까먹습니다.

2. 안드로이드스튜디오와 함께 sdk설치, 가상머신설치(기종은 주로 넥서스쓰시더라고요)

3. 멘탈. (일단 시작을 해야 어플을 만듭니다. 화이팅!!!)

 

 

 

 

 



출처: https://sambalim.tistory.com/81 [삼바의 성장 블로그]

반응형