플러터(flutter) 개발 환경 구축하기

1. 플러터 사이트 http://flutter.dev 에 접속해서 Get started를 클릭합니다.

 

 

 

2. 각 운영체제 별로 Windows, macOS, Linux, Chrome Os 인스톨 파일이 있습니다. 자신의 운영체제에 맞게 선택합니다.

 

 

3. Windows를 선택하면 다음 페이지에서 스크롤을 조금 내리면 다운로드를 할 수 있는 링크를 눌러서 SDK를 다운로드 합니다.

 

 

 

4. 다운받은 zip파일을 적당한 위치에 압축을 풀고 환경 변수에 등록 합니다.

   내PC에서 마우스 오른쪽 버튼 클릭 -> 속성 -> 환경변수를 클릭 합니다.

 

 

5. 사용자 변수 항목에 편집 메뉴를 누릅니다.

 

6. 환경 변수 편집화면에서 새로 만들기 버튼을 눌러서 압축푼  SDK의  bin폴더의 위치를 지정하거나,

   찾아보기를 눌러서 SDK의 bin폴더 위치를 지정하고 확인을 누릅니다.

 

 

7. 윈도우 기준으로 실행 메뉴를 누르거나 윈도우키 + R 버튼을 누르고 실행 창에서 cmd를 입력해서 터미널을 실행 시킵니다.

 

 

8. 터미널 화면에 flutter --version을 입력해서 플러터 버저니 정상적으로 출력되는지 확인 합니다.

9. 이제 플러터 개발에 사용할 도구를 설치해야 합니다. 안드로이드 스튜디오와 비주얼 스튜디오 코드에서 개발이 가능합니다. 플러터는 구글에서 만들었고 안드로이드 스튜디오를 사용하는게 설치 환경 구성하기가 더 간단합니다.

 

안드로이드 사이트 developer.android.com/studio 에 접속을 해서 설치 파일을 다운로드 하고 설치 합니다.

 

 

10. 안드로이드 스튜디오를 실행 합니다.  하단에 Configure를 누른 후 Plugins를 클릭 합니다.

 

 

11. Marketplace 탭 상태에서 검색창에 flutter 를 입력하고 Flutter를 Install 버튼을 눌러서 설치합니다.

설치가 완료되면 Restart IDE를 눌러 안드로이드 스튜디오를 재시작 합니다.

 

12. 안드로이드 스튜디오가 재시작되면 Start a new Flutter project 메뉴가 두번째 항목에 생기고 이제 플러터 개발을 할수 있는 환경이 완성 되었습니다.

 

 

13. Start a new Flutter project를 누르고 Flutter Application을 선택하고 Next를 누릅니다.

 

14. 프로젝트명과 플러터 SDK 설치경로, 프로젝트 위치를 설정하고 Next를 누릅니다.

 

15. Platform channer language 항목은 네이티브 코드와 연동하는 코드를 코틀린또는 Swift로 작성할 경우에 체크하는 항목입니다. 패키지명과 나머지 설정을 완료하고 Finish를 누릅니다.

 

16. 생성된 프로젝트를 실행하기 위해서 에뮬레이터를 추가 합니다.

     Tools -> AVD Manager 를 클릭 합니다.

 

 

17. Create Virtual Device 를 클릭 합니다.

 

18. Phone 카테고리의 Pixel 2를 선택하고 Next를 누릅니다.

 

19. 안드로이드 OS 버전을 선택해야 하는데, 없으면 Download를 누르면 다운로드를 진행합니다. 다운로드가 끝나면 Next를 누릅니다.

 

20. 에뮬레이터 설정하는 화면이 나오는데 기본으로 하고 Finish를 누릅니다.

 

21. AVD Manager에 추가된 가상기기가 표시 됩니다. Actions 항목의 오른쪽 방향 화살표를 눌러서 에뮬레이터를 실행시킵니다.

 

22. 에뮬레이터가 정상적으로 구동되면 아래처럼 나옵니다.

 

23. 안드로이드 스튜디오 상단에 상단에 에뮬레이터가 선택되어 있고 오른쪽에 녹색 화살표 아이콘을 눌러서 실행 합니다.

 

 

24. 빌드가 완료되면 에뮬레이터에 앱이 실행 됩니다.