# Flutter

[[Flutter pub add]]


## 프로젝트

- [[모로로그]]


## 설치

<code bash>
brew install --cask flutter
</code>

<code bash>
flutter channel main
</code>
## Docs

- [[flutter run]]
- [[Flutter Drawer]]
- [[Flutter Casual Games Toolkit]]
- [[Flutter on Apple Silicon]]
- [[flutter amplify]]
- [[pub.dev]]
- [[Flutter Sample]]
- [[flutter container]]
- [[flutter graphql]]

## upgrade

<code>
flutter upgrade
flutter --version
</code>

Upgrading Flutter to 2.8.1 (2021-12)

- [[Column]]

## Pattern

- [[VIPER]]

## Docs

- [[Sliver]]
- [[Flutter Package]]
- [[Flutter Tip]]
- [[flutter desktop]]

## Error

- [[no_available_camera]]

## 강좌

- [FDK 꿀팁 모음](https://docs.google.com/spreadsheets/d/17Zzo8PNTn1ZUJ4spqlszNXBlvP8lFBFEtp4FTl9R61o/edit#gid=0)
- [[Flutter Fashion Ecommerce UI & Animation Challenge App]]
- https://www.udemy.com/course/flutter-bootcamp-with-dart/

## link


- https://itsallwidgets.com/
- https://github.com/Solido/awesome-flutter
- https://flutter.io/docs
- https://flutter.io/docs/codelabs
- https://flutter.io/docs/development/ui/widgets/material
- https://github.com/Solido/awesome-flutter
- https://startflutter.com/

- https://github.com/flutter/samples/blob/master/INDEX.md
- https://github.com/mjohnsullivan/flutter-by-example
- https://www.youtube.com/watch?v=lQhrMGNXKL0
- https://flutterbyexample.com/
- https://flutterlearn.com/courses/basic-course/
- https://www.youtube.com/watch?v=RS36gBEp8OI&feature=youtu.be
- [[https://www.youtube.com/watch?v=ALcbTxz3bUw&t=8s|Using the BloC Pattern to Build Reactive Applications with Streams in Dart's Flutter Framework]]
- https://github.com/tensor-programming/flutter_bloc_tutorial
- https://github.com/JumpToFlutter/OfficialDocumentationKR

- https://www.youtube.com/watch?v=lQhrMGNXKL0
- https://flutterbyexample.com/
- https://flutterlearn.com/courses/basic-course/
- https://www.youtube.com/watch?v=RS36gBEp8OI&feature=youtu.be
- [[https://www.youtube.com/watch?v=ALcbTxz3bUw&t=8s|Using the BloC Pattern to Build Reactive Applications with Streams in Dart's Flutter Framework]]
- https://github.com/tensor-programming/flutter_bloc_tutorial

## Common layout widgets

### Standard widgets

https://flutter.io/docs/development/ui/layout

- Container: Adds padding, margins, borders, background color, or other decorations to a widget.
- GridView: Lays widgets out as a scrollable grid.
- Listview: Lays widgets out as a scrollabel list.
- Stack: Overlaps a widget on top of another

### Material Components

- Card: Orgainzes related info into a box with rounded corners and a drop shadow.
- ListTiel: Organizes up to 3 lines of text, and optional leading and trailing icons, into a row.


## Flutter Resources

Documentation: https://docs.flutter.io/
Github: https://github.com/flutter/flutter
StackOverflow: https://stackoverflow.com/questions/tagged/flutter
Gitter: https://gitter.im/flutter/flutter
Effective Dart Guide: https://www.dartlang.org/guides/language/effective-dart
Dart Tips: https://www.dartlang.org/resources/dart-tips
Flutter FAQ: https://flutter.io/faq/
Flutter Rendering: https://www.youtube.com/watch?v=UUfXWzp0-DU
Flutter Engine: https://github.com/flutter/engine/wiki
Hot Reload: https://flutter.io/hot-reload/
Flutter Inspector: https://dart-lang.github.io/observatory/
Dart Style Guide: https://www.dartlang.org/guides/language/effective-dart/style
Dart Observatory: https://dart-lang.github.io/observatory/
Flutter Widgets: https://flutter.io/widgets/
Flutter Gallery App Code: https://github.com/flutter/flutter/tree/master/examples/flutter_gallery
Flutter Gallery Android App: https://play.google.com/store/apps/details?id=io.flutter.demo.gallery
Flutter Layout: https://flutter.io/tutorials/layout/
Material: https://material.io
Icons: https://thenounproject.com
Images: https://unsplash.com
Fonts: https://fonts.google.com
Google APIs: https://pub.dartlang.org/packages/googleapis
Async and Futures: https://www.dartlang.org/tutorials/language/futures
Testing: https://flutter.io/testing/

## 따라하기 동영상으로 배우려면
플러터는 출시한 날짜에 비해 따라하기 시리즈류의 동영상(유튜브) 자료가 매우 많은 편입니다. 도움이 되었던 채널들입니다.

- [Tensor Programming](https://www.youtube.com/channel/UCYqCZOwHbnPwyjawKfE21wg)
- [Bram Vanbilsen](https://www.youtube.com/channel/UCqibwXKXYPpnPuo5xg5l2xA)
- [Void Realms](https://www.youtube.com/channel/UCYP0nk48grsMwO3iL8YaAKA)
- [MTechViral](https://www.youtube.com/channel/UCFTM1FGjZSkoSPDZgtbp7hA)
- [Fluttery](https://www.youtube.com/channel/UCtWyVkPpb8An90SNDTNF0Pg)


## 데모 앱 목록
플러터로 만들어진 앱이 어떤 것들이 있는지 살펴봅니다.

- [공식 데모](https://play.google.com/store/apps/details?id=io.flutter.demo.gallery)
- [Flutter Do](https://play.google.com/store/apps/details?id=io.market.nativebase.geekyants.flutter.flutterdoui)
- [Flutter Food Ordering App](https://play.google.com/store/apps/details?id=io.market.nativebase.geekyants.flutter.foodorderingui)
- [Flutter E-Commerce Pro App](https://play.google.com/store/apps/details?id=io.market.nativebase.geekyants.flutter.ecommerceproui)
- [Hamilton — 안드로이드](https://play.google.com/store/apps/details?id=com.hamilton.app&hl=en)
- [Hamilton — iOS](https://itunes.apple.com/us/app/hamilton-the-official-app/id1255231054?mt=8)

Hamilton 앱은 DartConf 2018 오프닝 키노트의 첫 부분에서 소개되는 플러터의 상징적인 앱입니다. 100만 다운로드를 달성하여 플러터로 만들어진 앱 중 가장 성공적인 마켓 앱 입니다.

## BloC

- https://github.com/NPKompleet/Beatz