위젯 3

[Flutter] 플러터의 스크롤 위젯을 알아보자

Flutter는 다양한 레이아웃과 스크롤 위젯을 제공하며, 그 중에서도 ListView, PageView, GridView는 가장 많이 사용되는 위젯입니다. 이 글에서는 이 세 가지 위젯의 사용법, 주요 속성, 그리고 실습 예제를 함께 살펴보겠습니다. 1. ListView 위젯ListView는 스크롤 가능한 리스트를 만드는 데 사용되며, Flutter에서 가장 일반적인 스크롤 위젯입니다.ListView 사용 방식children 전달 방식: 적은 양의 데이터를 다룰 때 사용.ListView.builder: 동적인 리스트를 생성할 때 사용.ListView.separated: 동적 리스트와 구분선이 필요한 경우 사용.주요 속성reverse: true로 설정하면 리스트가 아래에서 위로 표시됩니다.padding:..

Flutter 2025.01.08

[Flutter] 플러터의 Basic Widget 살펴보기

Flutter는 다양한 위젯을 제공하며, 이를 이해하고 활용하는 것이 효율적인 UI 개발의 핵심입니다. 이번 포스팅에서는 Flutter에서 자주 사용되는 Basic Widget에 대해 살펴보고, 예제 코드와 함께 실제 활용 방법을 소개하겠습니다. 1. Layout 위젯Flutter에서 layout 위젯은 visible 위젯을 화면의 원하는 위치에 배치하는 데 사용됩니다. 가장 간단한 layout 위젯으로는 Container와 Center가 있으며, 더 많은 layout 위젯은 Flutter 공식 문서에서 확인할 수 있습니다.2. Visible 위젯Visible 위젯은 화면에 직접 표시되는 UI 요소입니다. Flutter에서는 다양한 visible 위젯을 제공합니다.Text 위젯 - 텍스트를 표시하는 기본..

Flutter 2025.01.08

[Flutter] Everything is a Widget - 플러터 기본기 다지기

Flutter는 현대 모바일 애플리케이션 개발에서 주목받는 UI 프레임워크로, 선언적 UI와 위젯 기반 아키텍처를 통해 개발자에게 높은 생산성과 효율성을 제공합니다. 이번 포스팅에서는 Flutter의 사용자 정의 위젯, 프로젝트 구조, 화면 구성 패턴 등을 알아보겠습니다. "Everything is a Widget"Flutter의 핵심 철학Flutter는 위젯 기반의 UI 프레임워크로, 모든 UI 요소를 위젯으로 표현합니다. 이는 개발의 일관성과 효율성을 크게 높여줍니다.선언적 UI 구성 선언형 UI란?// 빨간색 A가 노란색 B를 child로 가지고 있다.return ViewA( color: red, child: ViewB( color: yello, ),);상태만 선언하면 UI는 자동으로 업데이트..

Flutter 2025.01.08