Flutter 초기세팅

1. Flutter 설치

2024.03.24 - [flutter] - Flutter 설치 방법

위방법이 안되면 아래 방법 하기

Flutter를 사용하기 위해서는 먼저 Flutter SDK를 설치해야 합니다. Flutter SDK는 공식 홈페이지에서 다운로드 받을 수 있습니다. 다운로드 받은 파일을 압축 해제한 후, 원하는 경로에 저장합니다.

2. 환경 변수 설정

Flutter SDK를 설치한 후에는 환경 변수를 설정해주어야 합니다. 환경 변수를 설정하지 않으면 Flutter를 사용할 수 없습니다.

• Windows 환경 변수 설정 방법
  1. 내 PC에서 마우스 오른쪽 버튼을 클릭하여 속성을 선택합니다.
  2. 고급 시스템 설정을 클릭합니다.
  3. 환경 변수를 클릭합니다.
  4. 시스템 변수에서 새로 만들기를 클릭합니다.
  5. 변수 이름에 FLUTTER_HOME을 입력하고, 변수 값에는 Flutter SDK가 설치된 경로를 입력합니다.
  6. 시스템 변수에서 Path를 선택하고, 편집을 클릭합니다.
  7. 새로 만들기를 클릭하고, %FLUTTER_HOME%\bin을 입력합니다.
  8. 확인을 클릭합니다.
• macOS 환경 변수 설정 방법
  1. 터미널을 엽니다.
  2. sudo nano /etc/paths를 입력합니다.
  3. Enter를 누릅니다.
  4. Flutter SDK가 설치된 경로를 입력합니다.
  5. Ctrl + X를 누르고, Y를 입력하여 저장합니다.

3. 안드로이드 스튜디오 설치 및 기본 세팅

Flutter를 사용하기 위해서는 안드로이드 스튜디오를 설치해야 합니다. 안드로이드 스튜디오를 설치한 후, Flutter 플러그인을 설치해주어야 합니다.

• Flutter 플러그인 설치 방법
  1. 안드로이드 스튜디오를 실행합니다.
  2. Configure -> Plugins를 클릭합니다.
  3. Marketplace 탭에서 Flutter를 검색합니다.
  4. Install을 클릭합니다.
  5. 설치가 완료되면 Restart IntelliJ를 클릭합니다.

4. VSCode 설치 및 기본 세팅

Flutter를 사용하기 위해서는 VSCode를 설치해야 합니다. VSCode를 설치한 후, Flutter 플러그인을 설치해주어야 합니다.

• Flutter 플러그인 설치 방법
  1. VSCode를 실행합니다.
  2. Extensions 아이콘을 클릭합니다.
  3. 검색창에 Flutter를 입력합니다.
  4. Install을 클릭합니다.
  5. 설치가 완료되면 Reload를 클릭합니다.

이상으로 Flutter 초기세팅 방법과 안드로이드 스튜디오와 VSCode에서 Flutter를 사용하기 위한 기본 세팅에 대해 설명해보았습니다. 추가로 궁금한 점이 있으시면 언제든지 말씀해주세요!