Flutter Widget

백현균·2023년 4월 11일

1. Widget이란?

1) Widget의 사전적 개념

1. 독립적으로 실행되는 작은 프로그램
2. 주로 바탕화면 등에서 날씨, 뉴스, 생활정보 등을 보여줌
3. 그래픽이나 데이터적 요소를 처리하는 함수를 가짐

2) Flutter에서의 Widget

1. UI를 만들고 구성하는 모든 기본단위 요소
	* 즉, 앱을 구성하는 모든 단위 요소를 의미
2. 눈에 보이지 않고, UI구성을 하는 모든 요소를 의미
	* UI배치를 위한 레이아웃 등

2. Stateless widget vs Stateful widget

1) 사전적 개념

1. Stateful: Value값을 지속적으로 추적하고 보존한다.
	- 어떤 상태에 따라 계속 움직이나 변화가 있는 것
2. Staeless : 상호작용의 어떠한 값도 보존하지 않음
	- 어떤 움직이나 변화가 전혀 없는 것

2) Flutter에서의 개념

1. Stateful Widget
	1) 사용자의 interaction에 따라서 모양이 바뀜
    	ex) 사용자가 체크박스 혹은 라디오 버튼을 클릭했을 때
    2) 데이터를 받게 되었을 때 모양이 바뀜
		ex) 텍스트박스에 데이터가 입력되었을 때 데이터, 모양, 상태 등의 변경
2. Staeless Widget
	1) 앱 화면상에서만 존재하며, 아무것도 하지 않음
    2) 어떠한 실시간 데이터도 저장하지 않음
    3) 어떤 변화를 유발시키는 Value값도 가지지 않음
   ex) 한 화면에서 변하지 않는 이미지 혹은 텍스트 등을 의미

3. Widget tree

1) Widget들은 tree구조로 정리

2) 하나의 Widget내에, 다른 Widget들이 포함될 수 있음

3) Widget은 부모와 자식 Widget으로 구성

4) Parent Widget을 Widget container라고 부르기도함


참고 자료: https://www.youtube.com/@codingchef

0개의 댓글