[flutter] 개발환경 세팅

졸업프로젝트로 인해 데모 앱을 만들어야할 상황이 왔다. 하지만 한번도 앱을 만들어 본 경험이 없었기에 이번에 새로 설치하였다. 아래 사이트에서 도움을 받았다.

https://moonsiri.tistory.com/26

Flutter 개발 환경 세팅 (flutter doctor)

위 사이트에서 보다가 헤멨던 것만 아래에 정리하였다.

 

1. 환경 변수

윈도우에서 고급 시스템 설정 -> 환경 변수 -> 사용자 변수에 flutter 폴더의 경로를 추가해주면된다.

 

2. flutter doctor

윈도우에서 cmd 창을 열어서 fluttor doctor 라고 치면 된다. 나는 안드로이드 스튜디오 대신 intelli J를 사용했다. (둘 중 편한 것을 선택하면 된다.)

 

3. plugin에서 flutter와 dart 설치

intelli J 를 실행한다. 프로젝트가 없을 경우 오른쪽 아래에 보면 화살표?..여튼 설정을 누르면 된다. 그곳에서 plugin을 들어가서 flutter과 dart를 설치해주면 된다.  

 

4. dark sdk

dark sdk를 설치 후에 IDE를 재시동하면 setting 왼쪽 Language & Framework 란에 flutter과 sdk가 떠야하는데 나는 뜨질 않았다. 일단 프로젝트를 만들고 나니 해당 프로젝트 내의 setting에는 flutter과 dart가 있어서 일단 그대로 사용중이다.

 

5. 안드로이드 애뮬레이터 

를 하기 전에 먼저 프로젝트 부터 만들어 주었다.

 

https://velog.io/@tilto0822/IntelliJ-IDEA%EB%A5%BC-%EC%9D%B4%EC%9A%A9%ED%95%9C-Flutter-%EA%B0%9C%EB%B0%9C%ED%99%98%EA%B2%BD-%EB%A7%8C%EB%93%A4%EA%B8%B0

IntelliJ IDEA를 이용한 Flutter 개발환경 만들기

프로젝트를 만들때는 위의 사이트를 참고하였다.

새로운 프로젝트를 만든 후에 File->setting 으로 들어가서 그대로 진행하면 된다.

 

5. 안드로이드 애뮬레이터를 이어서 하자면

프로젝트 내의 상단바에서 File -> setting을 들어가서 Appearance & Behavior -> System Settings -> android SDK를 들어가서 Android SDK Location을 지정해주면 아래의 OS들을 선택해서 설치할 수 있다. 필요한 버전을 다운로드 받는다.

이후 설정 완료시 다시 프로젝트로 돌아와서 상단바의 Tools->Android->AVD Manager를 누른다. 그리고 Create Virtual Device를 클릭하여 device를 새로 생성한다. 위의 사이트에서 도움을 받아 다 설치를 하고 실행버튼을 누르면 핸드폰 모양의 창이 뜰 것이다. 그리고 이 모듈의 감지는 알아서 해준다.

 

프로젝트 상단에 아래와 같이 뜰 것이다.

여기서 저 실행버튼을 누를 경우 나는 처음에 에러가 났다.

한번에 되는 사람은 럭키일 듯 하지만 내 에러는 jdk가 업그레이드가 되어있지않아서 발생했었다.

오라클에 로그인하여 jdk를 업데이트하자 에러는 사라졌고 앱이 돌아가기 시작했다. 

아래는 앱이 돌아간다면 나오게 될 화면이다. 실제로는 0이 나올 텐데 나는 내부 내용을 다른걸로 수정해서 현재 hello world와 같은 문구가 나왔다.