Stateless Widget 과 Stateful Widget에 대해서 알아보겠습니다.Widget의 상태가 변경되지 않도록 user interface를 만드는 경우 사용합니다.user interaction에 의해 변하는 것을 만드는 경우에 사용합니다.e.g. user가
final 과 const 같은 키워드는 modifier 라고 합니다. modifier는 class, variable, method를 정의할 때, 함께 쓰여서 옵션을 정해주는 역할을 합니다.final 과 const는 일단 변수값이 한번 초기화되면, 변경할 수 없도록 합니
소스 코드를 분석하여 프로그램 오류, 버그, 스타일 오류 등 실수할 수 있는 부분들을 개발자에게 안내해주는 장치여러가지 lint 중에서 Google 에서 사용하는 pedantic 을 적용하는 방법에 대해서 알아보겠습니다.먼저, project에 pedantic packa
Animation을 이용하여 page 전환하는 방법에 대해서 알아보겠습니다.PageRouteBuilder 를 사용할 것이고, PageRouteBuilder 는 2가지 callback을 가지고 있습니다.pageBuilder : route의 content를 buildtra
Animation을 이용하여 widget이 스프링처럼 움직이도록 하는 방법에 대해서 알아보겠습니다.DraggableCard 라는 widget을 만들고, AnimationController 를 생성합니다.Alignment를 추가합니다.Drag를 했을때, widget이 움
Animate the properties of a container Animation을 이용하여 Container의 모양, 색상, 크기가 변화하도록 하는 방법에 대해서 알아보겠습니다. > 이러한 Animation을 위해서 Flutter에서 제공하는 AnimatedCo
Animation을 이용하여 Fade-In, Fade-Out 을 하는 방법에 대해서 알아보겠습니다.AnimatedOpacity을 이용하여 쉽게 만들 수 있습니다.Fade-In, Fade-Out 을 적용할 Container를 생성합니다.\_setState() 함수를 이용
Create a photo filter carousel 사진에 다양한 필터를 적용해볼 수 있도록 filter carousel을 만들어보겠습니다. Add a selector ring and dark gradient > 먼저 Filter selector를 만들겠습니다.
FVM으로 Flutter 버전관리 하기 FVM? > Flutter Version Management 다양한 버전의 Flutter를 관리할 수 있도록 도와줍니다. [[FVM - Flutter Version Management]](https://fvm.app/docs/g
state에 대해서 알아보겠습니다.Data & User InterfaceFlutter app 에서는 일반적으로 항상 데이터와 해당 데이터를 반영하는 유저 인터페이스를 관리합니다.그래서 데이터가 변화하게 되면 이를 반영하는 유저 인터페이스 또한 변화하게 됩니다.여기서의
StateManagement - Provider 알아보기 Flutter team에서도 추천했었고 많이 사용하는 State management중 하나인 Provider에 대해서 알아보겠습니다. provider package를 이용하여 사용할 수 있습니다. The ide
List에서 특정 아이템을 좌,우로 움직였을 때, 특정 action을 취하고 아이템이 사라지도록하는 widgetbackgroundchild 아래에 있어서 child widget을 드래그해야 보이는 widgetsecondaryBackground도 지정되어 있으면 back
화면에 grid 형태로 widget들을 배치할 수 있도록하고, listView와 마찬가지로 스크롤 기능이 제공된다.girdDelegatechildren의 사이즈와 포지션을 컨트롤하고, 두 가지 종류가 있다.1\. SliverGridDelegateWithFixedCros
Isolate? > Example Code Reference Flutter - Isolates and Event Loops(https://www.youtube.com/watch?v=7mxIfR9v6oY)) Flutter Explained - Dart Isolat
Unit Test는 method, class 단위 의 test를 진행한다. Unit Test의 목적은 다양한 조건에서 unit의 로직을 검증하는 것이다.test package를 추가한다.test packagetest폴더 안에 test파일을 생성한다.이때, 파일이름은 테
Mockito? > 웹서비스나 데이터베이스에서 데이터를 가져오는 class나 method를 unit test해야 하는 경우가 있다. 이때 몇가지 이유 때문에 테스트가 어려워진다. 웹서비스나 데이터베이스를 호출하는 것은 테스트 성능을 저하시킨다. 웹서비스나 데이터베이스
Provider는 state management를 위한 tool을 제공한다.Provider와 같은 state management를 이용해서 불필요한 rebuild를 방지한다.state management를 이용하지 않는 경우 사용하지 않는 데이터를 전달만의 목적으로 코
여러 개의 Proivder를 사용하는 경우 MultiProvider를 이용할 수 있다.builder를 이용한 방식이다. 새로운 위젯에서 Provider.of를 호출하고 build하는 것을 builder에게 위임한다.만약 Column 내에서 rebuild될 필요없는 위젯
어떤 Provider에서 다른 Provider를 의존해야하는 경우 사용할 수 있다.ProxyProvider가 의존하는 Provider의 값을 처음으로 얻었을때ProxyProvider가 의존하는 Provider의 값이 변경될 때ProxyProvider가 rebuild될
framework가 widget들을 그리고있는 상황에서 다시 widget을 그려달라고 요청하면 안된다. 또는 화면을 그리면서 다른 화면으로 이동하라고 요청하면 안된다.Create an element (BuildContext)initStatedidChangeDepende