Flutter는 Google이 개발한 오픈 소스 UI 소프트웨어 개발 키트(SDK)로, 하나의 코드베이스로 iOS, Android, 웹, 데스크톱용 애플리케이션을 개발할 수 있게 해줍니다. Flutter는 Dart 언어를 사용하며, 빠르고 효율적인 UI 빌드를 위해 풍부한 위젯 세트를 제공합니다.
Flutter 다운로드 및 설치 (SDK)
- Flutter 다운로드 페이지를 찾으려면
https://docs.flutter.dev/get-started/install/windows/mobile
- 운영체제: Windows
- 개발 app: 모바일- 다운로드 한 압축 파일을 원하는 경로에 압축 풀기 합니다.
bin폴더 경로를 복사하여 환경 변수 Path에 추가합니다.
Android Studio 다운로드
- Android Studio 홈페이지에 접속하여 Ladybug 버전을 다운로드하세요:
- 다운 받은 exe 파일을 더블 클릭하여 설치를 진행합니다. (설치할 때 accept 꼭 체크 유의)
- 실행되면 플러그인에서 flutter를 설치합니다.
- 프로그램을 재시작합니다
프로젝트 생성
- 프로젝트를 생성할 때 Flutter 를 선택합니다.
- 위에서 설치한 SDK 폴더 위치를 위의 빨간 네모 박스처럼 지정합니다.
- 프로젝트 이름은 demo입니다.
- 프로젝트가 위치할 폴더를 지정하되, 위 이미지의 빨간 네모 박스와 글을 참고하여 지정합니다.
- 플랫폼은 Android와 Web만 선택합니다.
- 프로젝트가 생성되면 모두 빌드될 때까지 기다린 뒤, 화면 왼쪽 상단의 글자가 Project인지 확인합니다.
- Project가 아니라면 Project로 변경하여야 합니다.
- git bash 창을 열어 flutter doctor 명령어를 통해 세팅이 제대로 되었는지 확인합니다.
- flutter doctor 명령어를 입력했을 때 출력되는 메시지 입니다.
- 빨간 줄이 위치한 항목은 윈도우 환경에서 개발할 때 필수적으로 필요한 항목입니다.
- 위의 이미지에서는 Android toolchain에 느낌표가 떠 있는 것을 확인할 수 있습니다.
- 느낌표를 해결하기 위해 Tools - SDK Manager를 클릭합니다.
- SDK Tools 안에 있는 Android SDK Command-line Tolls (latest)를 선택한 뒤 적용합니다.
- 적용 후 flutter doctor를 git bash에 입력하면 느낌표의 내용이 달라진 것을 확인할 수 있습니다.
- 위는 라이센스 등록이 필요하다는 내용입니다.
- 라이센스 등록을 진행하기 위해 flutter doctor —android-licenses 명령어를 입력합니다.
- y와 엔터키를 반복해서 타이핑하여 모든 라이센스를 등록합니다.
- flutter doctor 명령어를 통해 정상적으로 체크 표시로 변경된 것을 확인할 수 있습니다.
가상 디바이스 생성
- 오른쪽 상단의 버튼 (1번) 을 누른 뒤 + 버튼을 클릭하여 Create VIrtual Device를 클릭합니다.
- 카테고리는 Phone을 선택. 사이즈는 Pixel 3a를 선택한 뒤 Next 버튼을 통해 진행합니다.
- 안드로이드 12 버전을 선택합니다.
- 버전이 설치되어 있지 않다면 설치를 진행합니다.
- 이미지의 빨간 네모는 실행 시 화면을 세로로 할지, 가로로 할지 정할 수 있습니다.
- Finish 버튼을 통해 창을 닫습니다.
- 이제 Device Manager 화면에서 Pixel 3a API 31이 새로 생긴것을 확인할 수 있습니다.
Share article