1. 안드로이드 스튜디오 및 Flutter 개발 환경 구축

Flutter 개발을 위한 환경 설정은 처음에는 다소 복잡하게 느껴질 수 있지만, 차근차근 따라가면 누구나 쉽게 완성할 수 있습니다.

1) 안드로이드 스튜디오 설치 및 설정

설치 파일 다운로드 안드로이드 스튜디오 공식 웹사이트에서 설치 파일을 다운로드하고 실행하여 설치를 진행합니다.

SDK 설정 설치 후 안드로이드 스튜디오를 실행하여 아래 설정을 진행합니다:

상단 메뉴에서 File > Settings를 클릭.

Languages & Frameworks > Android SDK로 이동.

SDK Tools 탭에서 Android SDK Command-line Tools를 체크한 뒤 설치를 완료합니다.

2) Visual Studio 설치

설치 파일 다운로드 Visual Studio Community 2022를 다운로드합니다.

설치 중 옵션 선택

설치 과정에서 C++을 사용한 데스크톱 개발 워크로드를 선택하여 설치를 진행합니다. 이는 Flutter에서 네이티브 기능을 빌드할 때 필요합니다.

3) Flutter SDK 설치

Flutter SDK 다운로드 Flutter SDK 아카이브 페이지에서 Windows용 최신 안정 버전을 다운로드합니다.

압축 해제

다운로드한 파일을 C:\Flutter 경로에 압축 해제하는 것을 권장합니다. (다른 경로를 사용할 경우, 나중에 환경변수 설정 시 반영해야 합니다.)

4) 환경변수 설정

시스템 환경 변수 편집

Windows 검색창에서 환경 변수 편집을 검색하여 실행.

시스템 변수 > Path 항목을 선택하고 편집 버튼 클릭.

새 항목으로 C:\flutter\bin을 추가합니다.

혹시 3) 설치과정중 다른 경로를 지정하였다면 해당경로로 설정합니다.

5) Flutter Doctor 실행

Android Licenses 동의의 경우

명령 프롬프트(CMD)를 열고 아래 명령어를 실행합니다:

flutter doctor --android-licenses

안내에 따라 모든 라이선스를 승인합니다.

환경 설정 상태를 점검하기 위해 아래 명령어를 실행합니다:

flutter doctor

출력된 결과에서 오류가 있는 경우, Flutter에서 요구하는 추가 설정을 완료합니다.

잘 따라오셨으면 오류 없이 완료되었을겁니다.

2. VS Code 설치

안드로이드 스튜디오로 개발도 가능하지만 공통된 사용을 위해 Visual Studio Code를 설치하여 진행하겠습니다.

1) 다운로드 및 설치

설치 파일 다운로드 VS Code 공식 웹사이트에서 설치 파일을 다운로드하고 실행합니다.

2) Flutter 확장 프로그램 설치

VS Code를 실행한 후 Extensions 탭(왼쪽 사이드바에서 네모 아이콘)을 클릭.

검색창에 Flutter를 입력한 뒤 Flutter 확장 프로그램을 설치합니다.

설치 시 Dart 확장 프로그램도 자동으로 설치됩니다.

3. Flutter 프로젝트 시작하기

VS Code를 열고 Ctrl + Shift + P를 누른 후, flutter를 입력하여 Flutter 명령어를 실행합니다.

Flutter: New Project를 선택하고 프로젝트 이름과 경로를 설정합니다. 자동으로 Flutter 기본 구조가 생성됩니다.

4. Next

• futter