AR삽질러

Flutter 기초 - State Basic (16) StatelessWidget상태가 없는 위젯으로 생성될 때 한번 설정되고 데이터에 따라 동적으로 변하지 않는 의미로 StateWidget은 입력 데이터나 내부 상태의 변화 없이 동일한 정보를 표시할 때 사용한다. - 초기화시 입력된 파라미터를 기반으로 UI를 렌더링 한다. - 위젯의 속성이 변경되지 않는다.(불변성을 가진다) - 애니메이션, 데이터 변경에 반응해 상태를 변경할 필요가 없는 경우 적합하다. StatefullWidget 동적인 상태를 가질 수 있는 위젯으로 데이터의 변경에 따라 내부 상태가 변할 수 있고 변화된 상태에 따라 UI가 업데이트된다. StatefulWidget은 State객체를 생성하고 상태를 관리해 setState()메소..

Flutter 기초 - Widget Stack (15)  Widget Stack - Stack위젯은 자식 위젯들을 겹쳐서 배치할 수 있게 해주는 위젯으로 Stack의 자식들은 기본적으로 왼쪽 상단 모서리에서 시작하여 쌓고 다른 위젯과 달리 각 자식 위젯들은 서로의 위치를 고려하지 않고 독립적으로 배치된다. - Stack은 가장 먼저 선언된 Container가 가장 아래에 위치하고 이후 선언된 위젯들은 위로 쌓이게 된다. Stack - Align - Align위젯은 Stack내에서 특정한 위치에 자식을 배치하고자 할때 사용되며 Stack전체 공간 내에서 자식 위젯의 정확한 위치를 조정하고 alignment속성을 통해서 결정한다. Stack - Align - alignment - alignment속성은 A..

Flutter 기초 - Widget 비율 (14) Flexible, Expanded - Flutter에서 Container공간 내의 공간비율을 조정할 때 사용되며 두 위젯은 비슷한 기능을 수행하지만 공간 할당 방식에서 약간의 차이가 존재한다. 1. Flexible - 자식 위젯에게 남은 공간을 어떻게 분배할지 결정한다. - Flexible의 속성을 통해서 제어가 가능하다. - 여러 자식간의 크기 비율을 조금더 세밀하게 조정하고 싶을 경우 사용Flexflex값이 다른 위젯 들과 비교해 공간의 분배 비율을 결정한다.Fit기본값은 FlexFit.loose로 자식 위젯이 필요한 만큼의 공간만 차지하게 되어 할당된 공간을 최대한 채우도록 강제한다.  2. Expanded - fit속성을 FlexFit.tight..

Flutter 기초 - Widget상하 좌우 배치 (12) Column과 Row는 수직 및 수평 방향으로 자식 위젯들을 정렬하고 배치하는데 사용된다. 1. Column - 자식들을 수직 방향으로 배열한다. mainAxisSizeColumn높이를 결정한다.MainAxisSize.minMainAxisSize.maxmainAxisAlignment주축(수평)에 대한 자식 위젯들의 정렬 방식을 결정한다.MainAxisAlignment.startMainAxisAlignment.endMainAxisAlignment.centerMainAxisAlignment.spaceBetweencrosAxisAlignment교차 축(수직)에 대한 자식 위젯들의 정렬 방식으로 결정한다.CrossAxisAlignment.startC..

Flutter 기초 - Container, Center Widget (11)import 'package:flutter/material.dart';void main() { runApp( MaterialApp( home: Scaffold( appBar: AppBar( title: Text('Study to Container'), ), body: CustomContainer(), ), ), );}class CustomContainer extends StatelessWidget { const CustomContainer({super.key}); @override Widget build(BuildContext conte..

Flutter 기초 - Hot restart, Hot reload (9) Hot restart - 앱을 재시작하는 형태로 앱의 모든 상태가 초기화 되고 변경사항을 반영할 수 있다.작동 방식전체 앱을 다시 컴파일하여 기존의 상태를 초기화후 앱을 다시 실행한다. 앱 빌드 시간이 걸리지만 Hot Reload보다 포괄적인 코드 적용이 가능하다.사용 시기전역 변수, 초기화 코드, 앱의 실행 흐름을 변경했을때 필요하며 Hot Reload에서 해결되지 않는 문제가 발생했을 때 유용하다.한계애플리케이션의 상태가 완전히 초기화되어 데이터나 이전 상태는 모두 반영되지 않는다. Hot reload - 앱을 재실행하지는 않지만 코드의 변경 사항을 반영하는 기능으로 앱의 상태를 유지한 상태로 코드의 수정사항을 확인해 빠른 개..