[Flutter] 개발환경 셋팅하기(Hedgehog, flutter 3.19.1-stable)

 

모바일 하이브리드 앱 개발을 위해 플러터 개발 환경을 구축해보자.

 

Android Sutdio 설치

VsCode도 사용가능하지만 기본적으로 익숙한 Android Studio로 환경구축을 해보자.

 

https://developer.android.com/studio?hl=ko

Android 스튜디오 및 앱 도구 다운로드 - Android 개발자  |  Android Studio  |  Android Developers

 

작성일 기준 Hedgehog 버전을 다운로드 할 수 있다.

다운로드 후 설치 해주자.

 

 

 

 

플러터 설치

 

https://flutter-ko.dev/

Flutter documentation

 

 

오른쪽 상단에 Get started를 눌러준다.

그러면 각자의 환경에 맞게 다운로드하는 화면이 보여진다.

글쓴이는 현재 윈도우 환경이므로 Windows로 다운로드한다.

현재 기준 3.19.1-stable 버전이 배포되어 있다.

 

.zip 파일이 받아질 것인데, 사용하기 편하도록 각자의 메인드라이브에 src라는 폴더를 하나 만들어주고 거기에 압축을 풀어준다.

 

 

 

반응형

 

 

환경변수 설정

윈도우 검색에 '시스템 환경 변수 편집'을 검색하여 환경변수를 설정해주자.

 

다음과 같은 창이 나오면 환경 변수를 클릭해준다.

 

사용자 변수에 path 라는 항목을 찾아 클릭하고 편집을 눌러준다.

 

아래와 같은 창이 보이는데, 새로 만들기를 눌러주고 찾아보기를 선택한다.

거기서 아까 C:\src\flutter\bin 폴더를 찾는다.

그럼 아래와 같이 설정된다.

 

기본적인 환경은 갖추었다.

이제 스튜디오와 플러터를 연결해보자.

 

Flutter, Dart 플러그인 설치

스튜디오를 실행해주고, 왼쪽에 Plugins를 누른다.

flutter를 검색해 설치해준다.

 

flutter를 사용하기 위해 dart라는 언어를 사용한다.

dart도 검색하여 설치해준다.

 

 

그리고 IDE Restart를 하면, New Flutter Project가 생긴것을 볼 수 있다.

 

 

프로젝트 생성

IDE 버전마다 좀 다르지만 현재 버전에서는 누르게 되면 아래와 같은 창이 보여진다.

아무것도 보이지 않는다면, 왼쪽에서 Flutter를 선택해주고, SDK path를 아까 설치한 플러터 path를 설정해준다.

 

Next를 누르면 이런 화면이 보인다.

위에부터 프로젝트 이름, 프로젝트 경로, 한줄 설명, 타입, package, AOS/iOS 언어설정, 플랫폼 설정 이다.

각자 필요한 정보를 입력하고 Create를 눌러 프로젝트를 만들어 준다.

 

프로젝트 생성이 끝났다.

플러터가 잘 연결되었는지 확인하기 위해, 터미널을 눌러 실행해준다.

 

flutter doctor

플러터 닥터를 실행하면 아래와 같은 화면을 보여준다.

비쥬얼 스튜디오는 설치하지 않았으니, 에러로 보인다.

나머지 항목들에 체크표시가 보이면 정상적으로 연결된 것이다.

 

 

Android toolchain에 처음 설치하게되면, 에러가 발생할 것인데 아래 포스트를 참고하자.

2024.02.25 - [Flutter] - [Flutter] Unable to locate Android SDK.

[Flutter] Unable to locate Android SDK.

 

이상 우리는 플러터를 개발할 준비가 되었다.