Tree란 ? Flutter에 있는 3가지의 Tree를 알아보겠습니다. Widget Tree 위젯 트리는 우리가 코드로 작성한 위젯들을 트리 형식으로 표현한 것입니다. 위젯 트리는 immutable 한 특성을 가지고 있어 트리가 변경되면 파기됐다가 다시 재생성 됩니다. 위젯 트리는 Element Tree와 1 대 1로 연결되어 있습니다. @override Widget build(BuildContext context) { return Scaffold( body: SafeArea( child: Row( children: [ StlColorTile(), StlColorTile(), ], ), ), ); } 이러한 코드를 작성했다면 위젯 트리는 다음과 같을 것입니다. Element Tree immutable 한..
https://jutole.tistory.com/68 [Flutter] StateNotifier 란? (1) 이 글은 StateNotiffier에 대해 알아가기 위해 공부한 내용을 적은 글 입니다. StateNotifier를 알아보기전에 State란 무엇인지 알아보겠습니다. What is state? Flutter는 본질적으로 선언형 프로그래밍 입니다 jutole.tistory.com 위 글에서 StateNotifier를 이론적으로 배웠다면 실습을 Riverpod을 이용해서 해 보겠습니다. 이글에서 StateNotifer 와 Riverpod을 이용해서 만들어 볼 앱 입니다. Start 앞서 앱 파일 구조는 이렇게 됩니다. 미리 파일만 만들어 주셔도 됩니다. 프로젝트 생성 플러터 프로젝트를 생성해주세요. ..
이 글은 StateNotiffier에 대해 알아가기 위해 공부한 내용을 적은 글 입니다. StateNotifier를 알아보기전에 State란 무엇인지 알아보겠습니다. What is state? Flutter는 본질적으로 선언형 프로그래밍 입니다. 이 말은 Flutter가 UI를 구축하기 위해서는 build 메서드를 오버라이드하여 앱의 현재 상태를 반영한다는 것을 의미합니다. Flutter 공식문서에 따르면 state란 "언제든지 UI를 다시 빌드하기 위해 필요한 모든 데이터" 라고 정의 하고 있습니다. 그리고 state는 ephemeral state 와 app state 2가지 유형이 있습니다. ephemeral state vs app state ephemeral state 하나의 위젯에 포함될 수 있는..
코드 제네레이션 기능을 사용해서 생기는 .g.dart 파일을 정리해보겠습니다. 톱니바퀴 설정창 눌러줍니다. File Nesting 클릭 .dart.js; .dart.js.deps; .dart.js.map; .dart.js.tar.gz; .g.dart; .module 그대로 넣어주시고 ok 눌러주시면 정리가 됩니다.
