Widget2 [Flutter] Widget 구조 - ( week 2 ) Widget, Element Flutter는 내부적으로 모든 위젯마다 Element를 생성한다. 위젯이 트리 구조로 만들어지는 것처럼 Element 또한 트리 구조로 생성된다. Element 트리는 골격으로 Flutter 앱의 구조를 볼 수 있지만 자세한 정보는 원본 위젯의 참조를 통해 볼 수 있다. 앱이 실행되면 위젯은 자식 위젯으로 이동하며 검사가 수행된다. 이때 Element는 대응되는 위젯의 Type과 Key가 이전의 위젯과 동일한지 확인하는데 동일한 경우 위젯의 참조를 경신한다. StatelessWidget의 경우 Key를 가지지 않기 때문에 Type만 확인한다. 반면에 StatefulWidget은 트리 구조에 추가로 State Object가 존재하는데 위젯의 정보를 저장하게 된다. 위젯이 변화.. 2023. 4. 15. [Flutter] 동작 이해하기 - (week 1) Widget Flutter은 모든 것이 위젯으로 만들어져 있다. 이 위젯은 앱을 만드는데 사용되는 작은 모듈이다. 이 모듈들을 레고처럼 조립하면서 화면을 그리는 방식으로 만들어가는데 이렇게 최상위의 위젯이 있고 그 아래 나무의 가지처럼 위젯들이 뻗어나가는 모습으로 이를 위젯 트리라고 하며 이러한 구조로 만들어가게 된다. Widget Catalogue Flutter 위젯 카탈로그 위 링크를 들어가면 사용하고 싶은 위젯들의 코드를 가져다가 그대로 사용할 수 있다. 해당 링크를 통해 페이지에 들어가보면 Cupertino와 Material이 있다. Material Widget Android에서 사용되는 기본 화면 구성 요소를 Flutter에서 재현한 위젯 Cupertion Widget iOS에서 사용되는 화면 .. 2023. 4. 4. 이전 1 다음
