State란?

Flutter

State란?

flutter 개발하자 2021. 4. 15. 15:29

우리는 flutter를 개발하면서 State란 말을 많이 접하게 된다.

한국말로 번역하면 상태지만, flutter에서도 동일한 의미로 쓰일까?

State

Flutter에서 state는 데이터를 의미한다.

UI를 통해 사용자에게 보여주는 데이터, APP을 통해 사용자와 상호작용하며 변화하는 데이터, 내부적으로 사용되는 데이터등이 이에 속한다.

그러면 StatelessWidget과 StatefulWidget은 각각 데이터가 없는 위젯과 데이터가 넘쳐나는 위젯을 의미하는 걸까?

Flutter 공식 홈페이지에서

StatelessWidget - A widget that does not require mutable state.

(api.flutter.dev/flutter/widgets/StatefulWidget-class.html api.flutter.dev/flutter/widgets/StatelessWidget-class.html)

StatefulWidget - A widget that has mutable state

(api.flutter.dev/flutter/widgets/StatefulWidget-class.html)

라고 설명한다.

해석해보면,

StatelessWidget은 변화가 가능한 State가 필요하지 않은 위젯,

StatefulWidget은 변화가 가능한 State를 갖는 위젯

이라고 해석된다.

즉, State를 데이터로 바꿔서 봐보면

StatelessWidget은 변화 가능한 데이터가 필요하지 않은 위젯,

StatefulWidge은 변화 가능한 데이터를 갖는 위젯을 의미한다.

다르게 해석해보면,

StatelessWidget은 불변의 데이터를 갖는 위젯,

StatefulWidget은 변화 가능한 데이터를 갖는 위젯을 의미한다는 것이다.

두 위젯의 생명주기를 보기전에 BuildContext에대해 먼저 알아보자.

BuildContext

Context는 flutter에서

A Context is a data structure which holds the captured variables for some closure. 라고 설명한다.

해석해도 잘 이해가 가지 않아 다른 글을 찾아봤다.

www.didierboelens.com/2018/06/widget-state-context-inheritedwidget/

Flutter - Widget - State - Context - InheritedWidget

Flutter - This article covers the important notions of Widget, State, Context and InheritedWidget in Flutter Applications. Special attention is paid on the InheritedWidget which is one of the most important and less documented widgets. Difficulty: Beginner

www.didierboelens.com

해당 글에서 context는 A context is nothing else but a reference to the location of a Widget within the tree structure of all the Widgets which are built. 라고 설명한다.

즉, Context는 트리 구조내에서의 위젯 위치에대한 참조이다.

다르게 말해 Context는 트리 구조내에서 위젯 위치에대한 연결 수단이다.(위젯의 트리 구조내에서 위젯 위치를 알려주는 애정도로 생각하자.)

그럼 BuildContext는 무엇일까?

BuildContext는 빌드된 위젯의 트리구조 내에서 위젯의 위치를 알려주는 참조를 위미한다.

즉, BuildContext는 빌드된 위젯의 트리구조 내에서 위젯의 위치를 알려주는 애라고 생각하면된다.