본문 바로가기

전체 글

레이아웃(Layout) 개념 Flutter에서 레이아웃은 위젯을 배치하는 방법을 말합니다. Flutter에서는 다양한 레이아웃을 제공하고 있으며, 다음과 같은 주요 레이아웃 위젯들이 있습니다. Container 자식 위젯을 감싸고, 크기, 패딩(padding), 여백(margin), 배경 색상 등을 지정할 수 있는 가장 기본적인 레이아웃 위젯입니다. Row / Column 가로 또는 세로로 자식 위젯을 배열합니다. 자식 위젯들 간의 간격을 조절할 수 있으며, 자식 위젯이 화면을 벗어날 경우 스크롤을 추가로 제공할 수 있습니다. Stack 자식 위젯들을 쌓아서 배치합니다. 각 위젯이 화면 상에서 어느 위치에 나타날지를 지정할 수 있습니다. Expanded / Flexible Row 또는 Column 안에서 자식 위젯들의 크기를 조정합.. 더보기
머티리얼 디자인(Material Design) 개념 머티리얼 디자인(Material Design)은 구글에서 개발한 UI 디자인 가이드라인입니다. 머티리얼 디자인은 물리적 속성(높이, 너비, 깊이 등)과 물질(Material)의 형태, 동작 등을 표현하는 것을 목표로 합니다. 머티리얼 디자인의 특징으로는 다음과 같습니다. 타이포그래피(Typography)와 색상(Color)을 중요하게 다루어, 일관성 있는 디자인을 제공합니다. 그림자, 모서리 라운딩 등의 물리적인 속성을 활용하여 깊이(depth)와 흐름(flow)을 나타냅니다. 애니메이션과 전환(transition) 등을 사용하여 머티리얼 디자인의 핵심적인 개념인 움직임(motion)을 나타냅니다. 사용자가 상호작용하는 요소들을 직관적이고 명확하게 나타냅니다. 머티리얼 디자인은 구글의 안드로이드 플랫폼에.. 더보기
위젯(Widget) 개념 플러터(Flutter)에서 위젯(Widget)은 사용자 인터페이스(UI)의 구성요소를 나타내는 클래스입니다. 즉, 앱 화면에 보여지는 모든 것(텍스트, 이미지, 버튼, 폼 등)은 위젯으로 구성됩니다. Flutter에서는 위젯을 구성하는 두 가지 타입이 있습니다. StatelessWidget 변경되지 않는 위젯입니다. 한 번 생성되면 다시 그려지지 않습니다. 대표적인 예시로 Text, Icon, RaisedButton 등이 있습니다. StatefulWidget 변경 가능한 위젯입니다. 상태를 가지고 있으며, 상태가 변경될 때마다 다시 그려집니다. 대표적인 예시로 CheckBox, TextField, ListView 등이 있습니다. 위젯은 서로 중첩해서 사용될 수 있으며, 하나의 위젯은 여러 개의 하위 위젯.. 더보기

티스토리툴바