flutter (3) 썸네일형 리스트형 Flutter에서 불필요한 리렌더링 줄이기: 실전 최적화 기법 리액트의 최적화 기법들이 리액트의 랜더링 원리에서 나오는것 처럼 flutter 또한 렌더링 원리에서 최적화 방법을 찾고 이해할 수 있습니다. Flutter의 렌더링 원리 Flutter는 세 가지 주요 트리를 사용하여 UI를 구성하고 렌더링합니다위젯 트리: UI의 구조를 정의하는 불변 객체들의 트리엘리먼트 트리: 위젯의 인스턴스를 추적하고 관리하는 트리렌더 트리: 실제 레이아웃과 페인팅을 담당하는 트리 그리고 각각의 트리의 동작원리는 다음과 같습니다 1. 위젯 트리 (Widget Tree)위젯트리는 불변(immutable)입니다. 상태가 변경되면 새로운 위젯을 생성해야 합니다.최적화 기법위젯 트리의 불필요한 생성 최소화: 동일한 데이터를 가진 위젯을 재생성하지 않도록 설계합니다. const 생성자 사용.. 플러터는 왜써야 하는가?? 필자는 처음 개발을 입문을 할때 웹 개발로 입문을 하였다. 그리고 처음 프로그래밍을 배우는 사람들에게는 웹개발로 시작을 하는것을 적극 추천한다. 하지만 만약 몇개의 프로젝트를 해봤거나 개발에 대해 조금 맛? 을 본 사람이라면 flutter 를 경험 해보는것을 추천한다. 먼저 Flutter 란??Google 에서 개발한 오픈소스 UI 개발 프레임워크이다.하나의 코드로 iOS,Android,Web,Windows,macOS,Linux 등무려 6개의 플랫폼에서 실행 할 수 있는 어플리케이션을 만들 수 있는 코로스 플랫폼 도구 이다. 즉 하나의 코드로서 여러 플랫폼에서 동작하는 앱을 관리, 및 개발을 할 수 있다는 것은 비용절감, 생산성 측면에서 이루 말할 수 없을정도로 큰 장점이다. 하지만 단순히 이것.. 웹 개발자가 바라본 Flutter 위젯 앞서 플러터를 왜 해야 되는지 말씀드렸다면 이번 글에서는 플러터를 직접 구현해보며 감을 익히는것을 목표로 해보겠습니다 가장 먼저 플러터 프로젝트를 명령어로 실행하면 다음과 같이 생성된다flutter create 'project name' import 'package:flutter/material.dart';void main() { runApp(const MyApp());}class MyApp extends StatelessWidget { const MyApp({super.key}); // This widget is the root of your application. @override Widget build(BuildContext context) { return MaterialApp( .. 이전 1 다음
