[Flutter] 플러터에서 Widget(위젯)이란?

[Flutter] 플러터에서 Widget(위젯)이란?

---

 

코딩쉐프님 유튜브 Flutter 강좌를 듣고 있습니다. 초보자 난이도부터 상세하게 알려주셔서 추천드립니다.

 

출처 : https://www.youtube.com/watch?v=jI4kqLdqXic&t=2s

 

---

 

일반적인 widget(위젯)의 뜻

 

widget(위젯) : 작은 장치, 독립적으로 실행되는 작은 프로그램, 그래픽이나 데이터 요소를 처리하는 함수

---

 

1. flutter 상에서의 위젯이란?

 

- UI를 만들고 구성하는 모든 기본단위 요소
- 눈에 보이지않는 요소들까지 위젯(center column padding...)
- Everything is a widget(모든 게 다 위젯)

---

 

2. Types of widgets(위젯의 종류)

2.1 - Stateless widget
 stateful -> value값을 지속적으로 추적 보존(상태가 없는 정적인 위젯)
 - 스크린상에 존재만 할 뿐 아무것도 하지 않음
 - 어떠한 실시간 데이터도 저장하지 않음
 - 어떤 변화(모양, 상태)를 유발시키는 value 값을 가지지 않음

2.2 - Stateful widget 
stateless->이전 상호작용의 어떠한 값도 저장하지 않음(계속 움직임이나 변화가 있는 위젯) 
- 사용자의 interaction에 따라서 모양이 바뀜
- 데이터를 받았을 때도 모양이 바뀜

2.3 - Inherited wiget 
추후 설명

---

 

3. Widget tree

- Flutter는 모든게 위젯으로 이루어져 있어서 widget들은 tree구조로 정리될 수 있음
- 한 widget내에 얼마든지 다른 widget들이 포함될 수 있음
- Widget은 부모 위젯과 자식 위젯으로 구성,
- Parent widget을 widget container라고 부르기도 함

---

 

summary

- Flutter의 모든 것은 widget
- 위젯이 전혀 변화가 없으면, stateless widgets
- 위젯의 모양이나 상태가 바뀐다면, stateful widgets
- 위젯은 트리구조로 구성되어 있다.