[Flutter] 19. 위젯 트리, 엘리먼트 트리, 렌더 트리란? Flutter에는 UI가 화면에 렌더링되는 과정에는 위젯 트리, 엘리먼트 트리, 렌더 트리라는 세 가지 주요 개념이 있다. 1. 위젯 트리 (Widget Tree)정의: 위젯 트리는 플러터 애플리케이션의 구조와 모양을 정의하는 계층적 트리이다.역할: 앱 화면에 표시할 UI 구성 요소를 정의한다. 텍스트, 버튼, 컬럼 같은 위젯을 조합해 화면 구성을 정의하는 코드이다.특징: 위젯은 불변하며, 사용자가 화면을 변경하면 플러터는 새로운 위젯 트리를 생성한다. 2. 엘리먼트 트리 (Element Tree)정의: 엘리먼트 트리는 위젯 트리를 바탕으로 생성된 트리로, 위젯 인스턴스와 실제 화면 사이를 연결하는 역할을 한다.역할: 위젯을 구체화해 상..

[다모아 : 기능 구현] 프로젝트-프리랜서 매칭 기능 구현 로직 살펴보기 오늘은 내가 구현한 프로젝트-프리랜서 매칭 기능에 대해 이야기해보고자 한다.  기능 설명에 들어가기 앞서 핵심 기능인 매칭에 대해 알아야 한다. 전체적으로 보자면기업 측이 포인트 충전 기업 측이 포인트를 사용해 프로젝트 공고 게시프로젝트가 마음에 든다면, 프리랜서 측이 [매칭 신청] 버튼 클릭기업 측이 마음에 드는 프리랜서를 고르고, [공고 마감]버튼 클릭이라고 할 수 있다. 다만 이 과정에서 자잘한 상태값 변경이 있고, 상태에 따라 보여주는 목록이나 기능이 조금씩 달라진다.   1. 상태값 종류 우선 상태값에 대해 이야기해보고자 한다. 우리가 배달 어플을 사용할 때, [주문 전]-[장바구니]-[결제 전]-[결제 후]-[주문 확인]..

[Flutter] 18. 컨테이너 배치하기 연습 문제  -컨테이너들을 배치할 때, HTML에서 사용했던 태그, display: flex 개념과 flex-direction: column, justify-content/align-items 개념을 숙지하고 응용하면 쉽다import 'package:flutter/material.dart';void main(){ runApp(Test1());}class Test1 extends StatelessWidget { const Test1({super.key}); @override Widget build(BuildContext context) { return Container( color: Colors.white, child: Column..

[Flutter] 17. 플러터 기초 다지기 - (5) Column과 Row 위젯*const와 final의 차이constfinal컴파일 시점에 초기화런타임 시점에 초기화-const는 기계어로 바뀌어질 때 초기화된다. const를 사용하면 성능을 높일 수 있다.-final은 통신을 통해 초기화 될 때, 한 번 초기화된다.  *시나리오 코드 (1) Placeholderimport 'package:flutter/material.dart';void main(){ runApp(MyHome());}// 상태 여부 위젯 선정class MyHome extends StatelessWidget{ // Const 생성자 const MyHome({super.key}); // build 메서드는 화면에 그림을 그려주는 ..