Flutter 강의 - 1

현재 Page에서 다루는 내용 
(1) Overview 
(2) 환경 설정 
(3) 도움을 주는 Link 

(1) Overview 

Flutter 는 Dart 라는 언어를 사용하여, 하나의 코드로, Mobile (Android, iOS) , PC (Windows, iOS, Linux) , Web borwser 에서 실행되는 프로그램을 생성할 수 있는 플랫폼 이다.

Goodle 에서 운영하고 있는 플랫폼으로 , 세상 모든 화면에서 실행되는 UI를 개발하고자 하는 비젼 아래서 운영된다. 

 

Flutter 은 각기 다른 플렛폼에서 제공하는 , 각기 다른 기능등을 사용하여, UI 화면을 만드는 것은 아니며, pixel 단위로 그림을 그려주는 단순한 알고리즘을 사용하는 기술을 이용해서 그렇게 하고 있다. 과거에는  Skia 라는 기술을 이용했으나 최신 (V3.13) 에서는 Impeller 를 이용한다고 한다. 그래서 Rnadering 속도가 더 빨라 졌다고 한다. 

 

 

(2) 환경 설정 

 

VS code 와 Android Studio 를 사용하는 2가지 방법이 있음. 

두가지 방법들의 장단점에 대한 설명은 이 블로그에서 찾을 수 있다.(https://luran.me/691)

 

(2-1) Android Studio

1. 우선 https://docs.flutter.dev/get-started/install 로 가서 Flutter SDK 을 download 받아서( flutter_windows_3.13.4-stable.zip) 압축을 풀어 원하는 곳에 복사한다. 해당 폴더 내부의 "flutter\bin" 을 system path 등록한다.

 

2. Android Studio를 다운로드 하고 설치 한다. 

 

3. Commend prmpt 에서 "flutter doctor" 이라고 type 하여 설치 상태를 체크 한다. 우선 아래와 같이 문제가 발생한다. 

 3-1. cmdline-tools issue 는 아래 위치로 가서 "Android SDK Command-line Tools" 을 선택하면 해결 된다. 

3-2 Flutter Plugins 을 설치 한다. 

3-3 Android virtual device 를 사용하는데 문제가 있을 경우 아래 link 를 참조

https://stackoverflow.com/questions/73297335/cannot-run-flutter-app-on-android-virtual-device

(2-2) VS code 

아래 page 참조
https://full-stack-developer.tistory.com/113

 

(3) 도움을 주는 Link 

 

Google 에서 운영하는 tutorial page

https://codelabs.developers.google.com/codelabs/flutter-codelab-first?hl=ko#0 

첫 번째 Flutter 앱  |  Google Codelabs

 

Flutter 공식 page

https://flutter.dev/

Flutter - Build apps for any screen

Dart 관련 page 
Dart 공식 page

https://dart.dev/

Dart programming language

Dart 코드 online test 

https://dartpad.dev/? 

DartPad

Design 관련 문서 

https://m3.material.io/

Material Design

https://fluent2.microsoft.design/

Fluent 2 Design System

https://developer.apple.com/design/human-interface-guidelines

Human Interface Guidelines | Apple Developer Documentation

https://medium.com/flutter-community/flutter-layout-cheat-sheet-5363348d037e

Flutter Layout Cheat Sheet

pup.dev - flutter repository 

https://pub.dev/packages/ 

Page 1 | Top packages

 

 

 

java

https://mvnrepository.com/

 

 

python

https://pypi.org/

PyPI · The Python Package Index

 

Javascript 

https://www.npmjs.com/

npm

 

 

Flutter APP의 backend 서비스  

https://firebase.google.com/?hl=ko 

Firebase | Google’s Mobile and Web App Development Platform

이거 사용하면 비싸다. 그래서 상대적으로 싼 아래를 많이 쓴다.  

https://supabase.com/

Supabase | The Open Source Firebase Alternative

 

날씨 정보 Web

https://openweathermap.org/

Сurrent weather and forecast - OpenWeatherMap