Flutter 설치

Flutter Windows 설치 및 환경 설정

로공컴재이 2024. 8. 11. 13:12

이 블로그는 제가 Flutter를 설치 및 환결 설정을 하기 위해서 고생 좀 해서 여러분들은 더 신속하고 쉽게 설치하기를 바라는 마음에 씁니다. 

유튜버 '코드 팩토리'님의 31분 길이의 영상을 요약한 버전이기도 하며, 후에 올릴 글에는 제가 겪었던 문제를 해결하는 방법도 같이 올리겠습니다.

 

1. 여러분, Git는 다 있으시죠...?

  • 없으시면, 여기서 git 다운로드를 합니다. 저는 Windows 유저여서 Windows 기준으로 설명드릴 거지만, 여러분들의 OS에 맞는 것을 설치하시면 됩니다 : 

 

다운로드하고 나면, 실행시키시고, Next 연타하고 Install 누르면 끝!

2. Flutter 설치

이제 검색엔진에 flutter 치시고 설치합니다.

 

저처럼 윈도우 쓰시는 분들은 여기 누르시면 됨. 

 

 

여기서 원하시는 거 누르시면 되는데, 저는 Android 눌렀습니다. (추천하기도 하고요)

 

그럼 쭉 스크롤하시면 : 

 

이 부분이 나오는데, 여기 라이언이 있는 'Download and Install'를 누릅니다.

 

그럼 여기서 이 zip 폴더를 설치하면, 끝!

설치를 마치셨다면, 폴더의 위치를 옮겨볼 건데, 파일 탐색기 들어가시면, '다운로드'에 있을 겁니다. 그럼 이 zip 파일을 Ctrl+X 한 후, 'C:\Users\'여러분의 사용자 이름'\Documents' 에다가 Ctrl+V 해주십시오.

 

그러고 나서, zip파일의 압축을 풀어줍니다.

3. 환경 변수 편집 

여러분 키보드에 있는 윈도키를 누르고 검색창에 '환경'만 치셔도 '시스템 환경 변수 편집'이라는 게 뜹니다.

 

켜시면, 이 화면이 뜨는데 :

 

'환경 변수(N)...' 클릭하고, '사용자에 대한 사용자 변수 (U)'를 보시면, 'Path'라고 쓰여있는 게 보이실 겁니다. 

 

 

그거 클릭하시고, 이 창에서 :

 

'새로 만들기(W)' 누르시고, 아까 flutter 폴더 옮기고 압축시킨 경로를 추가해 주시고 '확인' 버튼 3 연타 꽂으시면 끝입니다.

 

Path가 없으시다면, 그냥 새로 만드시면 됩니다. (웬만하면 원래 있음)

4. Android Studio 설치 

이제 검색창에다가 'Android Studio' 검색하고 설치합니다 : 여기 누르셔도 됩니다

 

설치 마치고 실행시켜주시고 Next 연타하면 끝.

이렇게 창이 뜰 텐데, 처음에는 'New Flutter Project'라는 칸은 없으실 겁니다. 

 

그래서 'More Actions'를 눌러줍니다.

 

 

'SDK Manager' 클릭하고 : 

 

이렇게 해주시면 됩니다. 저는 API 35라고 쓰여있었고 (유튜버분의 영상은 2023년에 제작하신 거라 전 버전이셔서 API 34인 겁니다), 또, SDK 가 이미 자동으로 되어있었습니다만, 그래도 혹시 모르니 캡처해 드려 봅니다.

이후에 'SDK Tools'로 넘어가고 체크되어있는 칸들을 똑같이 체크해 줍니다 (몇몇 개는 처음에 체크가 안되어 있거나 '-' 표시가 되어있을 수 있으니 모두 체크해주세요, 이렇게 :

 

이제 여기서 문제가 생기실 수 있는데요, 저기 보이시는 'Intel x86 Emulator Accelerator (HAXM installer) - Deprecated' 보이시죠? 저게 Intel CPU 시면 문제가 없을 텐데, 제 컴퓨터처럼 AMD이신 분들은 에러가 뜰 겁니다.

 

그걸 저는 해결하고 블로그를 썼으니 참고해 주세요 :

https://jayj-blog.tistory.com/96

 

Running Android Emulator hypervisor driver installer [SC] ControlService 실패 1062: 서비스가 시작되지 않았습니다.

AMD CPU에서 Android Studio AVD 사용하기:  문제 해결1. 에러 상황 : 발생한 오류의 번호는 424294967201이며, GitHub에서 제공하는 관련 자료의 링크도 함께 표시되었습니다.GitHub: google/android-emulator-hypervisor

jayj-blog.tistory.com

 

자, 이어서 저 모든 것들을 설치하셨으면, '윈도우 키 + R' 때리고 'cmd' 눌러서 명령 프롬프트를 켜줍니다.

 

그리고

flutter doctor

 

라고 입력해 줍니다 : 

저는 이미 해야 할 것들을 했으니 문제가 없지만 여러분들은 에러가 뜰 수 있습니다. 가령 이런 에러들 : 

 

해결법은 :

flutter doctor --android-licenses

 

을 치시고 뭐 계속 '동의하십니까 ? (y/n)' 같은 글이 뜰 텐데 그냥 무지성 y연타하시면 끝납니다.

 

이제 더욱 편리한 코딩을 위해 플러그인에서 두 개 정도 Install 할 겁니다 : 

 

 

저기 검색창에 Flutter 입력하고 젤 위에 있는 거 Install, 그리고 Dart 입력하고 젤 유명해 보이는 거 Install 하면 끝!

 

이렇게 해서 모든 플러터 설치 환경 설정 등등을 하는 방법을 요약해 봤습니다. 

 

이후에 플러터에서 프로젝트 만들고, Device Manager 고르고 등의 설정은 이 분의 영상 18:36 이후부터 보시면 되겠습니다.

 

감사합니다.