김환의 게시글
- Flutter 상태 관리하기: InheritedWidget
앞에서 여러 하위 위젯에서 공통적인 상태 관리를 위해서 상위의 StatefulWidget을 만들고 하위에서 상태 객체를 얻거나 상위 위젯에서 상태를 전달 받아서 구현하는 방법을 알아보았다. 그런데 하위 위젯들에서 공통으로 사용하는 상태를 가지는 InheritedWidget 을 따로 만들어서 구현을 할 수도 있다.InheritedWidget도 이름에서 볼 수 있듯이 하나의 위젯인데 build() 함수가 존재하지 않는 위젯이라는 것이 다른 일반적인 위젯과의
- Flutter 상태 관리하기: StatefulWidget
플러터에서 상태 관리를 위해서 여러가지 방법을 사용할 수 있는데 계층 구조를 이루는 위젯 트리에서 하위의 여러 위젯들의 공통으로 이용하는 상태가 존재한다면 상위 위젯에서 상태를 관리하고 하위 위젯은 상위 위젯에서 관리하는 상태를 이용하는 방식으로 코드를 작성하는 게 구조적으로 좋을 수 있다.
- Flutter 상태 관리 개요
플러터 앱을 개발하다 보면 여러 화면에서 여러 상태를 공유해야 할 때가 있다. 이러한 상태 공유를 위해 고려할 수 있는 여러가지 방법에 대해 알아본다.위 그림은 플러터에서 UI를 구성하는 방법에 대한 한 줄의 표현이다. 플러터는 선언적으로 UI를 구성하게 되는데, 위젯의 build 함수 내에서 어떠한 상태를 반영해여 UI를 빌드하게 된다.이러한 선언적 스타일의 UI 프로그래밍은 기존 명령형 프로그래밍을 이용한 UI 와 비교하여 많은 이점이 있는데, UI
- Flutter 아키텍처 개요 4편: 렌더링 및 레이아웃
위젯의 트리 구조를 실제 화면에 그려지는 픽셀로 변환하기 위해 플러터가 수행하는 렌더링 파이프라인에 대해 설명한다.
- Flutter 아키텍처 개요 3편: 위젯
위에서 말하는 불변한 선언이라는 의미가 무엇인지는 아래의 Widget 클래스의 코드를 보면 알 수 있다.
- 플러터의 가비지 컬렉터
플러터에서는 Dart 를 개발 언어로 사용하고 런타임으로도 사용한다. 이 글에서는 Dart 런타임의 Garbage Collector 에 대해서 알아본다.
- Flutter 아키텍처 개요 2편: 반응형 유저 인터페이스
플러터는 페이스북이 리액트를 만들며 다시 생각한 디자인 원칙에 영감을 받아 만들어졌는데, 플러터에서 반응형 유저 인터페이스 제공을 위해 어떤 식으로 동작하는지 알아본다.
- Flutter 아키텍처 개요 1편: 레이어 모델
플러터 공식 사이트에서 설명하고 있는 플러터 아키텍처 개요에 대해서 읽어보고 정리해본다.
- Flutter의 위젯 소개
플러터의 화면에 보여지는 모든 UI 요소는 위젯으로 구성이 된다. 위젯은 자신의 상태(State)를 기반으로 화면에 그려지며, 해당 상태가 변경되면 기존 상태와 비교하여 화면에서 새로 그려야 하는 부분을 산출하여 해당 부분만 화면을 다시 그린다. 이런 방식으로 화면을 갱신되므로 성능상에 이점이 크다.
- Flutter 개발 환경 구성하기
윈도우에서 인텔리제이 IDE를 이용한 플러터 개발 환경을 구성하는 방법을 알아본다.