hamiric 님의 블로그

Expanded 위젯  Row 또는 Column 위젯에서 사용가능한 공간을 채우는 데 주로 사용되는 위젯  하위 위젯간의 레이아웃 설정 과정에서 사용가능한 모든 공간을 차지하도록 하거나, 사용가능한 공간을 재분배 하는데 사용Row( children : [ Expanded( child : Container() ), ...List.generate( 3, (index) => Container(), ), ],)   - flex    Row / Column 위젯에서 사용가능한 공간에서의 각각의 Expanded 위젯이 각각의 비율로 공간을 차지하도록 하는 옵션// 각각 1 : 3 : 2 비율로 공..

Layout 위젯  '단 하나의' 하위 위젯의 레이아웃 (배경 Color, 여백, 간격, 테두리, 등의 스타일 등등) 을 설정할 수 있는 위젯. Container 위젯  가장 일반적으로 사용되는 위젯중 하나로써, 다른 위젯을 래핑하고 모양을 제어하는 방법을 제공하는 위젯body: Center(--), Container 위젯 옵션  - padding    컨테이너 내부 간격 조절 옵션Container( padding: const EdgeInsets.only( left: 20, right: 20, ),)   - width / height    컨테이너의 너비, 높이 설정 옵션Container( width : 200, height : 150,)   - color ..

GridView 위젯  자식 위젯을 행과 열이 있는 그리드 방식으로 레이아웃을 구성할 수 있도록 도와주는 위젯  GridView 위젯 옵션  - gridDelegate    열 수, 크기 및 열 사이의 간격을 설정하여 그리드의 레이아웃을 정의하는 옵션. 두가지 방식이 존재    1. SliverGridDelegateWithFixedCrossAxisCount        타일 크기에 관계 없이 열 수가 고정된 그리드를 만드는 방식 (행 수는 자식위젯의 수 만큼 계산됨) crossAxisCount : 열의 개수 설정mainAxisSpacing : 행간 여백crossAxisSpacing : 열간 여백      2. SliverGridDelegateWithMaxCrossAxisExtent        최대 너비..

View위젯  화면을 구성하는 틀에 해당하는 모든 위젯. PageView 위젯  가로 또는 세로로 화면을 스와이프 할 수 있는 위젯 (페이지 단위) PageView 위젯의 옵션  - scrollDirection    슬라이드 방향을 결정하는 옵션. 기본값은 horizontal(가로)   - PageController   State객체에서Controller 선언 및 초기화    initState()함수에서 addListener를 통해 Controller가 수행할 이벤트를 정의      PageView내에서 사용할 Controller 지정  Controller 사용법onPressed를 통해 해당 위젯를 누를경우 2페이지로 가게 됨.     - PageView pageSnapping    페이지 전환시 자동으..

위젯을 만드는 방법 3가지  1. 플러터 기본 내장 위젯을 이용하는 방법      - flutterdev 의 Widget catalog Widget catalogA catalog of some of Flutter's rich set of widgets.docs.flutter.dev   2. pub.dev에서 개발자분들이 공유하고 있는 위젯을 이용하는 방법    - pub.dev The official repository for Dart and Flutter packages.Pub is the package manager for the Dart programming language, containing reusable libraries & packages for Flutter and general Dart..

위젯  위젯이란 플러터에서 사용되는 모든 시각적 요소를 표현하는 것들  버튼, 텍스트, 이미지 등 사용자 인터페이스의 모든 요소는 위젯으로 표현됨. 위젯트리  플러터는 거의 모든것이 위젯으로 이루어져 있으며, 이 위젯들은 트리구조를 띄게 될 수 밖에 없다. 위젯의 종류  플러터에서 사용되는 위젯에는 크게 두가지 종류의 위젯이 사용되는데, StatelessWidget과 StatefulWidget 이 있다.  해당 설명은 'Dart문법 기초'글 참조   위의 위젯트리에서 Header의 하위 트리는 StatelessWidget 이 사용되었고,  CardBoards 하위 트리는 StatefulWidget 이 사용되었다. 위젯끼리의 파라미터 전달 방법   final int tryCount;  >> tryCount..

변수 선언    일반적인 변수타입        int, double, string, bool, List, Set, Map 등등    추론형 변수타입        var  반복문    반복 함수 (예시)        for 문             for ( var i = 0 ; i                for..in / for..of 문            for ( let i in [**순서가 없는 객체] ) {}                ** ex : const fruits = ['apple", "banana", "tomato"];                      # for..in 은 반복문이 "순서없이" 반복된다는 특징을 가짐 (디버깅 작업시 유효)             for ( le..

> 앱 개발을 하는 방법에는 "네이티브 앱" 으로 개발 하는 방법과 "크로스 플랫폼 앱" 으로 개발하는 방법이 있다. > "네이티브 앱" 개발 방식은 ios 와 Andriod 두 분야에서 제공하는 SDK로 개발하는 것인데, 이는 서로 통일되어있지 않아, 하나의 서비스를 제공하기 위해서는 두가지 모두 다룰 수 있어야 한다. > "크로스 플랫폼 앱" 개발 방식은 위의 상기된 단점을 보완한 방식으로써 하나의 방식으로 ios, Andriod 둘다 만들 수 있다는 장점이 있다. 다만, 단점으로는 각 SDK에 신규 기능이 추가되었을때 빠르게 업데이트가 되지 않는 단점이 있다. > Flutter의 장점  - 기존 경쟁 크로스플랫폼 앱이었던 React 를 넘어선 트랜드 있는 방식  - 공식 문서의 우수성  - 지속적인..