본문 바로가기
Develop

[Dev Environment] 플러터(Flutter) 개발 환경 구축하기 | Feat. Android Studio

by 빈급 2024. 6. 4.

 플러터(Flutter)란?

 구글이 만든 cross-platform 프레임워크로 iOS와 Android 두 개의 플랫폼에서 사용할 앱을 하나의 코드베이스로 구축할 수 있습니다. 대학생 때 Flutter 개발자 선배님이 오셔서 설명을 해주신 적이 있었습니다. 원래 안드로이드 개발자 3명, iOS 개발자 5명이 필요한 개발이 Flutter를 사용함으로 필요 인원이 2명씩 줄어들 정도로 좋다고 하셨던 기억이 있습니다.

 

 이런 좋은 플러터를 회사 프로젝트 덕분에 경험하게 됐습니다. 바로 환경설정 하는 방법부터 알아보겠습니다.

 

1. IDE(안드로이드 스튜디오) 설치하기

안드로이드 스튜디오 말고 Visual Code로 하는 방법도 있지만.. 개발 환경 구축이 더 쉽다고 생각되는 안드로이드 스튜디오를 사용하기로 했습니다.

 

먼저 안드로이드 스튜디오 다운로드 페이지에 접속해서 다운로드를 눌러서 동의 후 이어서 다운로드를 진행합니다.

안드로이드 스튜디오 다운로드 페이지 화면

 

 

2. 다운로드한 실행파일을 실행하고 이어서 나오는 모든 화면에서 Next를 눌러서 진행

안드로이드 스튜디오 설치 과정 1
안드로이드 스튜디오 설치 과정 2

 

 

3. Flutter 공식 홈페이지에 접속한 후 자신의 OS에 맞는 Flutter SDK 다운로드

https://flutter-ko.dev/development/tools/sdk/releases

 

Flutter SDK archive

All current Flutter SDK releases: stable, beta, and master.

docs.flutter.dev

 

나는 Window에 최신 버전으로 다운로드했습니다.

 

4. 압축을 원하는 경로에 풀어준 후에 환경변수를 설정하고 cmd에서 확인하기

다운로드 받은 플러터 파일

 

나는 C드라이브 아래에 압축을 풀었습니다.

압축 풀어진 디렉토리

 

시스템 환경 변수 편집 > 고급 > 환경 변수 > 시스템 변수의 path 편집 > 새로 만들기 > Flutter 설치 위치\bin까지 넣어주세요.

환경변수 설정 방법

 

환경 변수가 잘 설정 됐는지 cmd에서 아래 명령어 쳐서 확인해 주세요! 만약 버전이 안 나온다면?! 재부팅 후 다시 시도해 주세요~

flutter --version

플러터 환경변수 테스트

 

 

5. 안드로이드 스튜디오 실행 후 plugin 다운로드하기 (flutter랑 dart)

File > Settings > Plugins > 검색 창에 Dart와 Flutter 검색해서 install

아래 사진처럼 Disable 표시가 되어있다면 설치 완료되었다는 것입니다.

Intellij에 플러그인 설치 방법

 

여기까지 했다면 설치는 끝!! error 간 나는 부분은 다음 글에서 해결해 보는 걸로 하겠습니다!