Blue Breeze

Promise MDN: Promise Promise 객체는 비동기 작업이 맞이할 미래의 완료 또는 실패와 그 결과 값을 나타냅니다. Promise는 다음 중 하나의 상태를 가집니다. 대기(pending): 이행하거나 거부되지 않은 초기 상태. 이행(fulfilled): 연산이 성공적으로 완료됨. 거부(rejected): 연산이 실패함. 생성자 Promise() 이미 프로미스를 지원하지 않는 함수를 감쌀 때 주로 사용합니다. 속성 Promise.length 값이 언제나 1인 길이 속성입니다. (생성자 인수의 수) Promise.prototype Promise 생성자의 프로토타입을 나타냅니다. 메서드 Promise.all(iterable) iterable 내의 모든 프로미스가 이행한 뒤 이행하고, 어떤 프로..

Element.scrollIntoView() Element.scrollIntoView() Syntax element.scrollIntoView(); element.scrollIntoView(alignToTop); // Boolean parameter element.scrollIntoView(scrollIntoViewOptions); // Object parameter Parameters alignToTop Optional Value: Boolean true: default 요소의 상단이 스크롤 가능한 상위 항목의 표시 영역 상단에 정렬됩니다. scrollIntoViewOptions: {block: "start", inline: "nearest"}. false 요소의 하단이 스크롤 가능한 상위 항목의 표시..

Flutter - FutureBuilder main.dart import 'package:flutter/material.dart'; import 'src/app.dart'; void main() => runApp(App()); src/app.dart import 'package:flutter/material.dart'; import 'screens/news_list.dart'; class App extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'HackerNews', home: NewsList(), ); } } src/screens/news_list.dart import 'p..

Flutter Animation animation library AnimationController class status property AnimationStatus TickerProvider class Positioned class Overflow enum Transform class #constructors Transform.rotate constructor Alignment class main.dart import 'package:flutter/material.dart'; import 'package:flutter/rendering.dart'; import 'src/app.dart'; void main() { // debugPaintSizeEnabled = true; runApp(App()); }..

Flutter BLoC, RxDart combineLatestStream BehaviorSubject pubspec.yaml dependencies: flutter: sdk: flutter # The following adds the Cupertino Icons font to your application. # Use with the CupertinoIcons class for iOS style icons. cupertino_icons: ^0.1.3 rxdart: ^0.24.1 #rxdar: ^0.16.7 main.dart import 'package:flutter/material.dart'; import 'src/app.dart'; void main() => runApp(A..

Flutter BLoC, RxDart SubmitedcombineLatestStream reactivex.io github.com/ReactiveX/rxdart pub.dev/packages/rxdart rxdart package documentatio rxmarbles.com/#combineLatest CombineLatestStream-class. ReactiveX 라이브러리 제품군 제외. 스트림 작업을위한 도우미 "객체 / 함수"있음 각 버전은 유사하며 때로는 약간의 차이가 있습니다. ReactiveX는 언어간에 유사해야하기 때문에 Dart가 사용하는 용어와 다른 용어를 사용합니다. pubspec.yaml # ... dependencies: flutter: sdk: flutter # The foll..

Flutter BLoC, inheritedWidget Provider main.dart import 'package:flutter/material.dart'; import 'src/app.dart'; void main() => runApp(App());src/app.dart import 'package:flutter/material.dart'; import 'screens/login_screen.dart'; import 'blocs/provider.dart'; class App extends StatelessWidget { @override Widget build(BuildContext context) { return Provider..

Flutter BLoC, Provider mmain.dart import 'package:flutter/material.dart'; import 'src/app.dart'; void main() => runApp(App());src/app.dart import 'package:flutter/material.dart'; import 'screens/login_screen.dart'; import 'blocs/provider.dart'; class App extends StatelessWidget { @override Widget build(BuildContext context) { return Provider( child: Materi..

main.dart import 'package:flutter/material.dart'; import 'src/app.dart'; void main() => runApp(App());src/app.dart import 'package:flutter/material.dart'; import 'screens/login_screen.dart'; class App extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'Login', home: Scaffold( appBar: AppBar( title: Text('..

Dart BLoC Pattern BLoC 이해 하기 및 간단 정리 하기 Flutter - BLoC 알아보기 BLOC 패턴을 사용한 Flutter 프로젝트 아키텍쳐 설계 Architect your Flutter project using BLOC pattern github.com/felangel/bloc https://bloclibrary.dev/#/gettingstarted