기존(310)/🏀Flutter

Android Studio 2021.2.1 Patch 2버전 기준 flutter plugin 설치되어있어야 한다. 설치되어있지 않다면 설치! 설치 후 재시작을 해주면 Projects > New Flutter Project 가 생겼다. Flutter > New Project에 설치한 Flutter SDK의 경로를 선택해준다. Project 이름, 위치, 패키지명을 원하는대로 입력해준다. 프로젝트 생성 완료! main.dart 파일에 예제로 코드가 미리 입력되어있는 것을 볼 수 있다. 앱 실행을 위해 오른쪽 상단에 원하는 디바이스 Simulator를 선택해도 되고, 간단하게 Chrome(Web) 으로 띄워보겠다. 앱 실행 화면 오른쪽 하단의 + 버튼을 누르면 누른만큼 숫자가 카운팅되서 증가하는 예제이다.
💡 앱을 개발시 실제 휴대폰을 연결하여 개발을 진행할 때도 있지만, 대부분의 경우 AVD(Android Virtual Device, 컴퓨터에 가상의 휴대폰을 띄우는 소프트웨어)를 이용하여 개발합니다.
Android Command-line Tools는 Flutter에서 Android에 명령을 내리기 위해 필요합니다.
VSCode는 Flutter 뿐만 아니라 다양한 개발을 모두 할 수 있는 통합 에디터입니다. VSCode에서 Flutter 앱 개발을 하려면 VSCode에 Extension 탭에서 아래 목록의 Extension 들을 설치해야 합니다. Flutter : VSCode에서 Flutter 개발 환경 지원 Dart : Flutter 개발 시 사용되는 Dart 개발 환경 지원 Awesome Flutter Snippets : Flutter 개발 시 자주 쓰이는 코드 자동 완성 지원
Visual Studio Code (줄여서 VSCode) 앞으로 실제 코드를 작성할 편집 툴입니다. Flutter 개발은 Android Studio와 VSCode 둘 중 원하는 툴을 사용하여 개발할 수 있는데 VSCode가 더 가볍기 때문에 앞으로 수업은 VSCode에서 진행하도록 하겠습니다. Download Visual Studio Code - Mac, Linux, Windows Download Visual Studio Code - Mac, Linux, Windows Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to experi..
Windows install How to install on Windows. docs.flutter.dev 1. Windows install | Flutter 링크에서 Flutter 설치 Windows install How to install on Windows. docs.flutter.dev 2. 알집을 다운 받아줍니다. 버전이 다를 수 있습니다. 그대로 진행해 주세요. 3.내 문서에 다운로드를 진행합니다. 4. C:\Program Files\에는 설치하시면 안됩니다! 환경 변수 설정
조각남자
'기존(310)/🏀Flutter' 카테고리의 글 목록 (8 Page)