Overview
Android Studio 어플리케이션에서 환경설정을 합니다.
- 플러그인 설치
- 프로젝트 만들기
- 환경설정 - SDK
- VisualStudio 2022 설치
- VisualMachine 설치
- Running Device
- 프로젝트 경로
0. flutter
Flutter는 단일 코드베이스에서 아름다운 네이티브 컴파일 다중 플랫폼 애플리케이션을 구축하기 위한 Google의 오픈 소스 프레임워크입니다.
공식 문서
Flutter - Build apps for any screen
Flutter transforms the entire app development process. Build, test, and deploy beautiful mobile, web, desktop, and embedded apps from a single codebase.
flutter.dev
여러 라이브러리를 보고싶다면?
The official repository for Dart and Flutter packages.
Pub is the package manager for the Dart programming language, containing reusable libraries & packages for Flutter and general Dart programs.
pub.dev
간단한 dart 언어를 짤수 있도록 테스트해볼수 있는 곳
DartPad
dartpad.dev
1. 플러그인 설치
- flutter 플러그인
2. 프로젝트 만들기
flutter SDK 경로를 설정해 줍니다.
프로젝트를 생성합니다. 맞는 설정에 맞추어 주세요
Android -> Project 변경
그럼 프로젝트를 만들었습니다 와이 짝짝짝짝!!!
3. 환경설정 - SDK
환경설정에 들어갑니다.
Command-line Tools , Google USB Driver 체크 , 설치
터미널을 열어 라이센스를 등록해야합니다.
모든 질문에 y를 누릅니다.
flutter doctor --android-licenses
4. VisualStudio 2022 설치
공식 문서
https://visualstudio.microsoft.com/ko/
Visual Studio: 소프트웨어 개발자 및 Teams용 IDE 및 코드 편집기
Visual Studio 개발 도구 및 서비스를 사용하면 모든 개발자가 모든 플랫폼 및 언어로 앱을 쉽게 개발할 수 있습니다. 무료로 어디서나 코드 편집기 또는 IDE를 사용하여 개발하세요.
visualstudio.microsoft.com
Azure 와 .NET 데스크톱 개발을 눌러 설치를 진행
5. Visual Machine 설치
가상 핸드폰을 설치를 해 봅시다
해상도 등 다양한 설정이 가능합니다.
S 설치
Show Advanced Setting 로 더 다양한 옵션이 가능합니다.
5 - 1. setting
6. Running Device
Setting - SYSTEM - Language 에서 한국어로 변경 가능합니다.
7. 프로젝트 경로
lib - main.dart
8. widget_test.dart
test 코드 지우기
9. D2 Coding
개발폰트 중에 D2 Coding 릴리즈 되었고, 제가 자주 사용하는 개발툴인 Android Studio 에 적용해보기로 했습니다.
D2 Coding은 https://github.com/naver/d2codingfont 여기서 다운로드 받으면 됩니다.
다운로드 받은 압축파일을 압축해제하면
![](https://blog.kakaocdn.net/dn/lM4XP/btsEkA80INl/BUVErzda34l4X3eDkzU9A0/img.png)
D2 CODING 글꼴 파일
여기서 파일 실행하면 서체관리자가 실행됩니다. (MAC OS환경)
![](https://blog.kakaocdn.net/dn/egiGf3/btsEllcGWqp/VqOL6L7DptDEAxYBmK2q3k/img.png)
서체관리자 화면
서체 설치를 시작하고, Android Studio에서 Font를 바꿔줍니다.
![](https://blog.kakaocdn.net/dn/ZMMNf/btsEhqNt3B3/eROdzmUcvyLoYCJsa1CTV0/img.png)
Preference > Editor > Color & Fonts> Font
![](https://blog.kakaocdn.net/dn/cXizVR/btsEhBBj5o5/9rw33pm9vN2FwW3ugqorOk/img.png)
font 선택
scheme를 Save As 버튼 눌러 세팅하고, Primary font의 셀렉트박스에서 D2 Coding 을 찾아서 선택합니다.
'flutter & dart' 카테고리의 다른 글
flutter & dart - flutter Devtool (0) | 2024.02.02 |
---|---|
flutter & dart - MaterailApp 과 Cupertino (0) | 2024.02.02 |
flutter & dart - assets (0) | 2024.02.02 |
[flutter & dart] - dart 언어의 문법과 기본적인 학습 (0) | 2024.01.30 |
flutter - Window 설치 (1) | 2024.01.30 |