뭘 작업을 하더라도 최초로 해야 할 것은 환경 설정이다.
개발 환경 설정이란 해당 플랫폼을 설치하고 프로그래밍을 하기 위한 툴을 설치하거나 기존꺼로 되는지 확인을 해보는것
그리고 더 나아가서는 hello를 찍어서 배포까지 해보는 사이클이 기본이라 할 수 있다.
셋팅을 하는건 항상 귀찮고 지겹고 잘안되고 잘 안되는걸 찾기 위해서 또 찾고 그 찾은걸 또 찾기 위해서 또 찾고 하는것의 반복인거 같다.
복잡하다면 굉장히 복잡한 것이고 간단하다면 간단하다.
보통 개발사에 있는 메뉴얼대로 아무 문제없이 설치가 된다면 제일 해피 엔딩이다
Flutter의 경우는 SDK를 설치하고 안드로이드 스튜디오와 환경변수 설정 등이 필요하다.
기본적으로 플루터 홈페이지는 아래와 같다.
앞으로 자주 들락날락 해서 도큐먼트도 읽고 쇼케이스는 머가 있나 보기도 하고 자주 가야 할 사이트이니 꼭 기억을 해두어야 한다.
대부분 한글 지원은 하지 않기 때문에 걍 크롬으로 가서 번역을 돌려서 보면 된다. 영문이라도 대부분 개발환경 설정은 비슷해서 포인트 문구만 보면 어렵지 않다.
SDK를 다운 받아 보자. 글 쓰는 현재 기준으로 버전은 flutter_windows_2.8.1-stable.zip 파일이네.
받은 후 압축을 해야 한다.
그다음 과정은 안드로이드 스튜디오를 설치 하는 것이다. 나는 이미 설치가 되어 있어서 별도로 받아볼 필요는 없었다.
안드 스튜디오를 인스톨해서 설치를 해준다. 그리고 실행을 해서 셋팅을 해야 한다.
★ 안드로이드 스튜디오에서
1.실행후 Plugins 메뉴를 누르자.
검색창에 flutter를 검색을 해보면 목록이 나온다. 대략 11메가쯤 된다.install을 눌러서 설치를 하자.
2.이제 이 압축 푼 파일을 두고 두고 flutter 개발하면서 쓸꺼니 d폴더나 별도 설정한 개발폴더로 옮겨 주자. 이 경로를 윈도우에서 등록을 해주어야 한다.
윈도우의 환경 변수 메뉴를 띄워보도록 하자. Path 항목에서 Flutter의 압축 푼 폴더의 bin경로까지를 넣어준다.
예를 들어 d:flutter폴더에 풀었다면 집어 넣을 경로는 d:\flutter\bin이 된다.
2.두번째로 다시 왼쪽 목록에서 Projects 메뉴를 누르고 오른쪽의 More Action를 선택해서 SDK Manager를 실행하자.
그 다음 여러 메뉴 중에 Android SDK 메뉴를 선택 후 오른쪽에 SDK Tools 탭에서 Android SDK Command-line Tools를 체크하고 설치를 하자.
이렇게 하면 기본적인 설정은 끝이 난다. 안드로이드 스튜디오에 보면 new Flutter project 항목도 보인다. 프로젝트를 생성을 해서 개발을 진행하면 된다.
프로젝트 저장폴더 프로젝트 이름 설명 등을 기입하게 된다.
organization은 테스트용이 아니라면 본인에 맞게 변경을 하자.
트리 메뉴를 누른뒤 lib->main.dart에 필요한 프로그래밍을 시작하면 된다. 만일 스트링등 한글 입력시에 문제가 생겼다고 메세지가 나온다면 file -> settings -> editor -> inspections -> profile은 default로 선택하고 proofreading typo에 체킹을 해주자.
★ Visul Studio Code
3.나는 개발 툴을 visual studio code를 할것이니 이부분을 받아준다. 그리고 실행을 해준다.
한글이라면 위쪽 보기 -> 명령 팔레트를 누르고 install을 입력한다.
아래 목록에서 확장 : 확장 설치
Extensions: Install Extensions를 선택한다.
영문이라면 View -> Command Palette가 되겠고 역시 install을 입력 후 Extensions:Install Extensions를 선택한다.
그리고 왼쪽의 확장 프로그램 아이콘을 누른 뒤 입력창에 flutter라고 입력을 하자.flutter 플러그인을 설치하고 dart도 같이 자동으로 설치가 된다.
프로젝트 생성시는 view->command palette -> flutter를 입력을 하면 Flutter:New Application Project라고 뜬다.
New Application Project를 선택하고 엔터 치는 순간 앞쪽 과정에서 flutter 환경변수 등록을 빼먹었으면 아래와 같은 에러가 발생하니 확인을 해주자.
Could not find a Flutter SDK. Please ensure flutter is installed and in your PATH(you may need to restart)
전체적인 flutter 개발 환경 셋팅에 문제가 없는지 박사님을 모셔서 진단을 해보자.
cmd나 power shell 콘솔창을 열자. 환경 변수가 정상적이라면 이상없이 동작한다.
flutter doctor를 입력 해보자.
머라머라 하면서 필요한 프로그램이 설치가 되어 있는지 체킹을 한다.
Chrome - develop for the web
android studio(버전 나옴)
vs code(버전나옴)
connected device
등 항목 앞쪽에 체킹 박스가 뜬다.
개발에 필요한 부분을 진단을 한다.
Some Android licensed not accpetd. To resolve this, run : flutter doctor --android-licenses
가 뜨면 그대로 입력을 해주자.
입력을 할 때 대략 y를 누르면 된다.
브라우저가 필요한데 크롬을 보통 많이 쓴다. 나는 이미 설치가 되어 있으므로 따로 설치할 필요는 없었다.
대략적으로 기본적인 셋팅은 끝났다. 이 과정은 필히 지나가야 한다.