Notice
Recent Posts
Recent Comments
Link
«   2024/07   »
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31
Tags
more
Archives
Today
Total
관리 메뉴

개발새발

플러터 widget이란? 본문

플러터 기초

플러터 widget이란?

개발하는후추 2024. 6. 4. 21:30

1. 플러터 상에서의 widget이란?

✅ 일반적인 Widget의 설명

 - 독립적으로 실행되는 작은 프로그램

 - 주로 바탕화면 등에서 날씨나 뉴스 등 생활정보 등을 보여줌

 - 그래픽이나 데이터를 처리하는 함수를 갖고 있음

✅ What is Widget in flutter?

 - UI를 만들고 구성하는 모든 기본 단위 요소(ex. textFiled, text etc)

 - 눈에 보이지 않는 요소들까지 위젯 (ex. padding, marging, center, column etc)

 - Everthing is a widget (View마저도 위젯)

 -> 위젯으로만 구성함으로 코드로만 작성해. 그래서 스토리보드가 따로 없어.

2. Stateless widgets 🆚 Stateful widgets

✅ Type of Widget

 - Stateless Widget : 상태가 없는 정적인 위젯 

 - Stateful Widget : 계속 움직임이나 변화가 있는 동적인 위젯 (이벤트 처리 가능)

 - Inherited Widget

✅ Stateless과 Stateful의 일반적인 의미

 - Stateful : value값을 지속적으로 추적 보존

 - Stateless : 이전 상호작용의 어떠한 값도 저장하지 않음. 

✅ Stateless Widget

 - 스크린 상에 존재만 할 뿐 아무것도 하지 않음.

 - 어떠한 실시간 데이터도 저장하지 않음.

 - 어떤 변화를 변화시키는 value값을 저장하지 않음.

✅ stateful Widget

 - 사용자의 상호작용에 따라 모양이 바뀜

 - 데이터를 받게 되었을 때 모양이 바뀜 

3. Widget tree

✅ Flutter Widget tree

 - widget들은 tree 구조로 정리될 수 있음

 - 한 Widget내에 얼마든지 다른 widget들이 포함될 수 있음

 - Widget은 부모 위젯과 자식 위젯으로 구성

 - Parent widget을 widget container라고 부르기도 함

깃허브 : https://github.com/Limdongkeun/Flutter_APP

'플러터 기초' 카테고리의 다른 글

플러터 WebSocket 3  (0) 2024.06.04
플러터 WebSocket 2  (0) 2024.06.04
플러터 WebSocket 1  (0) 2024.06.04
플러터에서 사용하는 Dart 기본  (0) 2024.06.04
플러터 시작~~~  (0) 2024.06.04
Comments