Coaspe

Flutter에 대해 깊게 가장 정확한 정보를 얻고 싶다면, 사실 구글 만큼 중요한 게, 오른쪽 커서 => "Go to Definition" 라고 생각합니다. 구조 파악이 쉽고, 주석으로 유용한 정보가 많이 있습니다. 해석본 더보기 State 객체는 다음과 같은 생명주기를 가집니다: * Framework는 [StatefulWidget.createState]를 호출하며 [State] 객체를 생성합니다. * 새로 생성된 [State] 객체는 BuildContext와 연관이 있습니다. 이 연관성은 영구적입니다: [State] 객체는 절대 그 객체의 [BuildContext]를 바꾸지 않습니다. 그러나, [BuildContext]가 그것의 서브트리와 함께 트리를 움직일 수 있습니다. 그 시점에서, [State]..

https://stackoverflow.com/questions/21744677/how-does-the-const-constructor-actually-work#:~:text=In%20order%20to%20use%20a,a%20compile-time%20constant%20value. How does the const constructor actually work? I've noticed it's possible to create a const constructor in Dart. In the documentation, it says that const word is used to denote something a compile time constant. I was wondering what happe..

MaterialPageRoute 1. IOS, Android 각각의 플랫폼에 맞게 transition을 진행합니다. PageRouteBuilder 1. transitionBuilder를 사용해 transition을 정의 할 수 있습니다. Staggered animation 모든 animations들은 같은 하나의 AnimationController로 관리된다. 실제로 얼마나 애니매이션이 지속되는지와 상관없이, Controller의 값은 반드시 0.0과 1.0 사이어야한다. 각각의 animation은 0.0 ~ 1.0 사이의 Interval class를 가진다. Interval 안에서 animate 되는 각각의 프로퍼티는 Tween을 생성한다. Tween은 해당 프로퍼티의 시작과 끝 값을 정한다. Twee..

Flutter의 widgets은 React로 부터 영감을 받은 Modern framework로 부터 빌드 됩니다. 그것의 주된 아이디어는 UI를 widget 밖에서 빌드한다는 것 입니다. Widgets은 현재 주어진 설정과 state에 따라 view가 어떻게 보여져야하는 지를 나타냅니다. widget의 state가 변할 때 widget은 이것의 description을 rebuilds합니다. 그리고 그 변화는 기본 렌더 트리에서 한 상태에서 다른 상태로 전환하기 위해 필요한 최소한의 변경 사항을 결정하기 위한 framework diffs 입니다. Hello world 기본적인 Flutter app은 runApp() 함수를 widget과 함께 호출합니다. import 'package:flutter/mater..

Adaptation philosophy Platform adaptiveness는 일반적으로 2가지 케이스가 있습니다. OS 환경의 동작(텍스트 편집 및 스크롤 등)이며, 다른 동작이 발생하면 '잘못'이 됩니다. OEM의 SDK를 사용하는 앱에서 일반적으로 구현되는 것(iOS의 병렬 탭 사용또는 Android에서 android.app.AlertDialog를 표시하는 것) 이 페이지는 안드로이드와 iOS에서 Flutter가 case 1에서 제공하는 automatic adaptations(자동 적응)에 대해 주로 다롭니다. 케이스 2에서, Flutter는 플랫폼 convention(규약)의 적절한 효과를 내기 위한 수단을 묶지만 앱 디자인 선택이 필요할 때 자동으로 적응하지 않습니다. For a discuss..

Choosing an approach Flutter 애니메이션을 만드는 방법에는 많은 선택지들이 있습니다. 어떤 접근이 당신에게 더 알맞을까요? 당신의 선택을 돕기 위해, 다음 영상을 시청해보세요. How to choose which Flutter Animation Widget is right for you? (Also published as a companion article.) (선택 과정에 대해 더 자세하게 알고 싶다면, Animations in Flutter done right 영상을 참고하세요.) 위의 영상에서 나온것 처럼, 다음 선택 트리가 애니메이션을 구현할 때 도움이 될 것입니다. 만약 pre-packaged implicit 애니메이션이 필요하다면, Animation basics with ..

Flutter의 애니메이션 시스템은 Animation 타입 객체를 기반으로 이루어져있습니다. 위젯들은 현재 값을 읽고 상태 변화를 기다리며 build 함수에 이러한 애니메이션을 직접 통합하거나 다른 위젯에 전달하는 보다 정교한 애니메이션의 기반으로 다른 애니메이션들을 사용할 수 있습니다. (대충 기본 애니메이션을 그냥 사용할 수도있고, 애니메이션들을 통합해서 또 다른 애니메이션을 만들 수도 있다는 맥락) Animation 애니메이션 시스템의 기본 building block은 Animation 클래스입니다. 애니메이션은 애니메이션의 라이프타임 동안에 변경되는 특정한 타입의 값을 나타냅니다. 애니메이션을 수행하는 대부분의 위젯들은 Animation 객체를 파라미터로 전달받고, 그 파라미터에서 현재 애니메이션..

Minimize expensive operations 몇몇 연산자들은 다른 연산자들보다 더 많은 리소스를 소모합니다. 앱의 UI를 어떻게 디자인하고 구현하는지가 얼마나 효율적으로 앱이 작동하는지 큰 영향을 줍니다. Control build() cost UI를 디자인 할 때 항상 생각해야할 것이 있습니다. 상위 위젯을 rebuild 할 때 해당 위젯의 build()가 자주 호출될 수 있으므로, build() 메소드에서 반복적이고 비용이 많이 드는 작업을 피하세요. 큰 build() 함수가 있는 지나치게 큰 단일 위젯을 만드는 것을 피하세요. 캡슐화뿐만 아니라 위젯들이 어떻게 변하는지에 따라 위젯을 다른 위젯들로 분할하세요. State 객체에서 setState()가 호출되면, 모든 하위 위젯들이 rebuil..

원문: https://bloclibrary.dev/#/architecture bloc 라이브러리를 사용하면 앱은 3개의 레이어로 나누어 집니다. Presentation Business Logic Data Repository Data Provider Data 레이어부터 Presentation 레이어로 훑어봅시다. Data Layer 하나 혹은 그 이상의 소스로부터 오는 데이터를 가져오고/조작하는 레이어 입니다. Data 레이어는 두개의 파트로 나누어집니다: Repository Data Provider 이 레이어는 앱의 가장 낮은 단계이고 데이터베이스, 네트워크 요청, 외에 비동기 데이터 소스들과 상호작용합니다. Data Provider Data Provider는 raw data를 제공합니다. Data pr..

원문: https://bloclibrary.dev/#/coreconcepts Bloc State Management Library Official documentation for the bloc state management library. Support for Dart, Flutter, and AngularDart. Includes examples and tutorials. bloclibrary.dev Core Conepts(pacakge:bloc) package:bloc 을 사용하기 전에 다음 섹션들을 자세하게 읽으세요! bloc package를 사용하는 데 있어서 알아야하는 중요한 코어 컨셉들이 몇가지 있습니다. 다음 섹션들에서, 그 컨셉들을 하나씩 자세하게 살펴보고 counter app에 어떻게 ..