[IT] 플러터(Flutter)를 설치하는 방법

플러터 dev

플러터에 대해서 처음으로 관심을 갖은 분들이나, 개발자 입문하는 사람들이 이해하기 쉽도록 설명하려고 했으나; 저도 배우면서 설명하는 것이라 혹시 틀리거나 오류가 있을 수 있습니다. 참고하시면 좋을 것 같습니다.

 

 

Flutter를 설치하는 간단한 과정을 설명 드립니다.

1. Flutter SDK 다운로드
먼저 Flutter 공식 웹사이트로 가서 Flutter SDK를 다운로드하여주세요. 

https://docs.flutter.dev/release/archive?tab=windows

Flutter SDK archive

* 보통 'stable' 버전을 선택하면 됩니다. 다운로드한 zip 파일을 원하는 위치에 압축 해제합니다.

2. 환경변수 설정
압축 해제한 Flutter SDK의 경로를 컴퓨터의 환경 변수에 추가해야 합니다. 환경 변수를 설정하는 것은 Flutter 명령어를 컴퓨터 어디서나 실행할 수 있게 해 줍니다.

'제어판 > 시스템 및 보안 > 시스템 > 고급 시스템 설정'으로 이동합니다.
'환경 변수' 버튼을 클릭합니다.
'시스템 변수' 섹션에서 'Path' 변수를 찾아 클릭하고 '편집' 버튼을 누릅니다.
'새로 만들기' 버튼을 누르고 압축 해제한 Flutter SDK의 'bin' 디렉터리 경로를 입력합니다.

 

3. Git 설치:
Flutter는 Git에 의존하므로 Git도 설치되어 있어야 합니다. Git 공식 웹사이트에서 Git을 다운로드할 수 있습니다. 

https://desktop.github.com/

GitHub Desktop

* 참고할 수 있는 깃허브 설치 설명

https://docs.github.com/ko/desktop/installing-and-configuring-github-desktop/installing-and-authenticating-to-github-desktop/installing-github-desktop

GitHub Desktop 설치 - GitHub Docs

* 설치 프로그램을 실행하고 지시사항을 따르면 됩니다.

 

4. IDE 설치
개발 환경으로 Android Studio, IntelliJ IDEA, VS Code 등의 IDE를 선택하여 설치할 수 있습니다. 
* 각각의 공식 다운로드 페이지에서 설치 파일을 다운로드하여 설치하면 됩니다.
 (이건 필요한 것을 중심으로 설치하시면 될 것 같아요 ㅎㅎ)

이들 IDE에서 Flutter 개발을 위한 환경 설정을 하려면, IDE의 '플러그인' 또는 '익스텐션' 설정 메뉴에서 'Flutter'와 'Dart'를 찾아 설치해 주세요.^^

 

5. Flutter 설치 확인
모든 설치가 완료되면, 명령 프롬프트나 터미널을 열고 'flutter doctor' 명령어를 실행하여 Flutter 도구가 올바르게 설치되었는지 확인합니다. 이 명령은 시스템에 Flutter가 제대로 설치되었는지, 추가로 필요한 도구나 설정이 있는지 확인해 줍니다.

이제 Flutter가 제대로 설치되었으며, 앱을 개발하기 위한 준비가 완료되었습니다. 이제 Flutter를 사용하여 앱을 개발할 수 있습니다.

 

---

728x90

 

Android Studio를 설치하는 방법(단계별로 설명)

 

 

1. 다운로드
먼저 Android Studio 공식 홈페이지 https://developer.android.com/studio로 이동하여 Android Studio 설치 파일을 다운로드하여주세요.

2. 설치 파일 실행
다운로드한 Android Studio 설치 파일(.exe)을 실행합니다.

3. 설치 마법사 따르기
설치 마법사가 나타나면 화면의 지시사항을 따라 설치를 진행합니다.

  - 설치 유형: '표준'으로 선택하고, '다음'을 클릭합니다.
  - UI 테마 선택: '라이트' 또는 '다크' 테마를 선택하고, '다음'을 클릭합니다.
  - 설치 경로: 기본 경로를 사용하거나 원하는 위치를 선택한 후 '다음'을 클릭합니다.
  - 설치 확인: '설치' 버튼을 클릭하여 Android Studio와 Android SDK를 설치합니다.
 

4. 설치 완료 후 실행
설치가 완료되면, '마침' 버튼을 누르고 Android Studio를 실행합니다.

5. Android Studio 설정
처음 Android Studio를 실행하면 몇 가지 초기 설정을 진행해야 합니다.

6. Android SDK 설치
Android Studio는 Android 개발을 위한 SDK도 함께 설치를 요구할 것입니다. 지시사항을 따라 설치를 진행해 주세요.

7. AVD 설정

Android Virtual Device(AVD)는 안드로이드 앱을 테스트하기 위한 가상 디바이스입니다. 필요한 경우 Android Studio의 AVD Manager를 통해 설정하면 됩니다.

8.Flutter & Dart 플러그인 설치
Android Studio를 Flutter 개발 환경으로 사용하려면 Flutter와 Dart 플러그인을 설치해야 합니다.
 - Android Studio를 열고 상단 메뉴의 'File > Settings > Plugins'으로 이동합니다.
 - 플러그인 탭에서 'Flutter'를 검색하고 설치를 클릭합니다. Dart 플러그인은 Flutter 플러그인에 의존성이 있기 때문에   

    Flutter를 설치하면 Dart도 함께 설치됩니다.
 - 플러그인 설치 후 Android Studio를 재시작합니다.
 - 이제 Android Studio가 설치되었고 Flutter 개발을 위한 환경이 설정되었습니다!
    :  Flutter 앱 개발을 시작할 준비가 완료되었습니다.

 

 

---

반응형

 

Flutter를 윈도우 시스템 설치(다음의 요소 필요)

 

 

1) Flutter SDK : Flutter의 가장 최신 버전을 다운로드하여야 합니다.
2) Dart SDK: Flutter는 Dart 언어를 사용하므로 Dart SDK가 필요합니다.
     그러나 Flutter SDK를 설치하면 Dart SDK도 함께 설치됩니다.
3) Git: Flutter는 Git에 의존하므로 Git도 설치되어 있어야 합니다.
4) IDE: Flutter 애플리케이션 개발에는 Android Studio, IntelliJ IDEA, VS Code 등의 IDE가 필요합니다.
   이들 IDE는 Flutter와 Dart 플러그인을 지원합니다.

 

 

윈도우에서 Flutter를 설치하는 단계

 

1. Flutter SDK 다운로드
Flutter의 공식 웹사이트에서 가장 최신 버전의 Flutter SDK를 다운로드합니다. 

다운로드한 zip 파일을 원하는 위치에 압축 해제합니다.

2) 환경변수 설정
 시스템의 환경 변수에 Flutter SDK의 경로를 추가해야 합니다. 이를 위해 '제어판 > 시스템 및 보안 > 시스템 > 고급 시스템 설정 > 환경 변수'로 이동하여 'Path' 환경 변수에 Flutter SDK의 'bin' 디렉터리 경로를 추가합니다.

3) Git 설치
 Git은 공식 Git 웹사이트에서 다운로드할 수 있습니다. 설치 프로그램을 실행하고 지시사항을 따르면 됩니다.

4) IDE 설치 및 Flutter 플러그인 설정
 Android Studio, IntelliJ IDEA, 또는 VS Code와 같은 IDE를 설치하고, IDE 내에서 Flutter와 Dart 플러그인을 설치해야 합니다.

5) Flutter 도구 설치 확인
 모든 설치가 완료되면, 명령 프롬프트나 터미널을 열고 'flutter doctor' 명령어를 실행하여 Flutter 도구가 올바르게 설치되었는지 확인합니다. 이 명령은 시스템에 Flutter가 제대로 설치되었는지, 추가로 필요한 도구나 설정이 있는지 확인해 줍니다.

 

---

<정남c series>

*관련해서 플러터에 대해서 알고 싶은 분들은 아래 글을 참고 부탁 들려요~

2023.06.16 - [IT & Tech(기술)] - [IT] '플러터(Flutter)' 어떤 프로그램인가?!('What is Flutter?')

[IT] '플러터(Flutter)' 어떤 프로그램인가?!('What is Flutter?')

 

2023.06.12 - [IT & Tech(기술)] - [IT] 구글 SEO(Search Engine Optimization)에 대해서 알아보고 최적화 해보기

[IT] 구글 SEO(Search Engine Optimization)에 대해서 알아보고 최적화 해보기

 

2023.06.09 - [IT & Tech(기술)] - [IT] 티스토리 구글 애널리틱스(Google Analytics) 연동하기

[IT] 티스토리 구글 애널리틱스(Google Analytics) 연동하기