AR삽질러

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 기초 - 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 기초 - MaterialApp, Scaffold (10) 1. MaterialApp - 앱의 최상위 레벨에 위치하며 Material Design앱을 만드는데에 필요한 여러 설정과 기능을 제공한다.네비게이션Navigator를 이용해 화면간의 라우팅 관리를 한다.(홈 화면, 상세 화면 등)테마전체 애플리케이션에 일관된 테마(색상, 폰트, 아이콘 스타일 등)를 적용해 앱의 외관을 통일할 수 있다.로케일다국어 지원을 위한 로케일 설정void main(){ runApp(MaterialApp( home: Scaffold( ), ))} - main함수에서 시작해 MaterialApp 위젯을 앱 전체를 감싸 MaterialApp 위젯이 최상위 컨테이너 역할 을 수행한다. - h..

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

Flutter 기초 - Widget (9) Flutter State Basic - Flutter에서 상태(State)는 앱이 실행될 때 동적으로 변경될 수 있는 정보로 상태는 기본적으로 State Widget에서 관리된다. StatefulWidget - 변할 수 있는 상태를 가진 위젯으로 변경사항에 따라 내용이 변할 수 있다. Stateful Widget은 State객체를 생성해 상태를 관리하고 상태가 변경될때 마다 위젯을 다시 빌드하도록 한다. StatelessWidget - 불변의 상태를 가지는 위젯으로 위젯 생성 시점에 전달된 구성 정보를 기반으로 UI를 구성해 변경되지 않고 간단한 UI표현에서 주로 사용된다. Flutter Architecture - 위젯, 렌더링엔진, 패키지 매니저 이 요소는 U..

Dart 기초 - 레코드 (9) 1. 레코드란 - Dart3.0 이상 부터 사용할 수 있는 새로운 타입으로 포지셔널 파라미터(positional parameter), 네임드 파라미터(named parameter)가 이 두 방식은 함수에 값을 전달할 때 유연성과 명확성을 제공한다. 2. 포지셔널 파라미터(Positional Parameter) - 포지셔널 파라미터는 값을 전달할 때 순서에 따라 결정되므로 표시한 타입의 순서를 지켜야한다. 필수 포지셔널 파라미터 : 함수를 호출할 때 반드시 값을 제공해야 한다. 선택적 포지셔널 파라미터 : 대괄호 [ ] 를 사용해 정의하며 호출시 값을 생략할 수 있다.void main(){ (String, int) arang = ('아랑', 25); print(arang..

Dart 기초 - 반복문 (6) 1. 반복문 Loop Statements - 반복문은 특정 조건이 만족되는 동안 해당 조건의 코드를 반복적으로 실행하는 역할로 for, for in, while, do-while문을 사용할수 있다. 1-1. For Loop - for 반복문은 반복횟수가 명확할때 주로 사용되며 초기화, 조건검사, 증감으로 구성되어 활용된다.for (기존 변수; 조건식; 가변치){ 조건식이 참일 경우 반복하는 코드} - 초기화 : 반복문이 시작할때 처음으로 실행되는 변수 - 조건 : 조건이 true일때 블록이 실행되고 반복문이 끝난뒤 다시 실행된다. - 증감 : 코드 블록이 실행된 후에는 실행되는 부분으로 변수의 값을 증감 혹은 감소 시킨다. void main(){ for(int i = 0..

Dart 기초 - 분기문 (5) 1. 분기문 Conditional Statements ifif문이 참일 경우else if첫번째 if 문이 거짓일 경우 else모든 조건이 거짓일 경우siwch값에 따라 다양한 케이스의 조건을 실행할 수 있다. 1-1. if, else if, elsevoid main(){ int num = 90; if(num >= 90){ print("90이상입니다."); } else if(num >= 90){ print("80이상입니다."); } else { print("값이 이상합니다.."); }} 1-2. switch - 모든 case 블록의 끝에는 break를 포함시켜야하고 default케이스는 어떤 케이스도 일치하지 않을 경우 실행된다.void main()..

Dart 기초 - 변수와 타입 (1) 1. 변수란 - Dart언어로 프로그래밍할 때 가장 기본이 되는 단위로 특정한 값을 담아두는 그릇 - Dart에서 변수를 선언할때 타입을 명시할 수도 있고 var키워드를 사용해 타입추론을 할수도 있다.int age = 25;double pi = 3.14;String name = "arang";bool isBoo = true; 2. 타입 - 데이터의 유형Flutter에서의 타입기본형boolintdoubleStringnull자료형ListSetMap확장형ObjectEnumFutureStream  - 참 거짓 boolbool isTrue = true;  - 정수 intint num = 100;  - 실..