아이 컴퓨터

....

컴퓨터

분류 전체보기 5

Flutter GridView (그리드뷰)

`GridView`는 Flutter에서 2차원 격자형 레이아웃을 만드는 데 사용되는 위젯입니다. 수직 및 수평 스크롤이 가능하며, 일반적으로 많은 수의 항목을 보기 좋게 배치할 때 사용됩니다. `GridView`는 여러 생성자를 통해 다양한 방식으로 사용될 수 있습니다. 주요 생성자 1. GridView()   - 기본 생성자입니다. 직접 아이템을 추가하여 그리드를 만듭니다. 2. GridView.builder()   - 항목이 동적으로 생성되도록 설정할 수 있는 생성자입니다. 많은 데이터 항목을 효율적으로 렌더링할 때 사용합니다. 3. GridView.count()   - 고정된 개수의 열을 가지는 그리드를 만들 때 사용합니다. 4. GridView.extent()   - 각 항목의 최대 크기를 설정하..

Flutter 2024.06.08

Flutter ListView (리스트뷰)

`ListView`는 Flutter에서 스크롤 가능한 목록을 만드는 데 사용되는 매우 유용한 위젯입니다. 수직 또는 수평으로 아이템들을 나열할 수 있으며, 많은 양의 데이터를 효율적으로 표시하는 데 적합합니다. `ListView`는 여러 생성자를 통해 다양한 방식으로 사용될 수 있습니다. 주요 생성자 1. ListView()   - 기본 생성자입니다. 직접 아이템을 추가하여 리스트를 만듭니다.     2. ListView.builder()   - 항목이 동적으로 생성되도록 설정할 수 있는 생성자입니다. 많은 데이터 항목을 효율적으로 렌더링할 때 사용합니다. 3. ListView.separated()   - 항목 사이에 분리자를 추가할 수 있는 생성자입니다. 4. ListView.custom()   - 커..

Flutter 2024.06.08

Flutter AppBar

`AppBar`는 Flutter에서 화면 상단에 표시되는 제목 바를 제공하는 위젯입니다. `AppBar`는 기본적인 타이틀, 로고, 액션 아이콘 등을 포함할 수 있으며, 복잡한 레이아웃도 지원합니다. 주로 `Scaffold` 위젯의 `appBar` 속성에 사용됩니다. 주요 속성 - title: 앱바의 제목을 설정합니다. 보통 `Text` 위젯을 사용합니다. - leading: 앱바의 왼쪽에 표시되는 위젯을 설정합니다. 보통 메뉴 버튼이나 뒤로 가기 버튼으로 사용됩니다. - actions: 앱바의 오른쪽에 표시되는 위젯 목록을 설정합니다. 보통 아이콘 버튼들이 사용됩니다. - backgroundColor: 앱바의 배경 색상을 설정합니다. - elevation: 앱바의 그림자 깊이를 설정합니다. - bott..

Flutter 2024.06.08

Flutter Scaffold

`Scaffold`는 Flutter에서 화면의 기본적인 구조를 만드는 데 사용되는 위젯입니다. 앱바, 드로어, 플로팅 액션 버튼, 바텀 네비게이션 바 등을 포함하는 다양한 UI 요소를 쉽게 구성할 수 있도록 도와줍니다. `Scaffold`는 Material Design의 주요 레이아웃 구조를 제공합니다. ▶ 주요 속성 - appBar: 화면 상단에 표시되는 앱바를 설정합니다. `AppBar` 위젯을 사용합니다. - body: 주요 콘텐츠가 위치하는 영역을 설정합니다. - floatingActionButton: 화면 오른쪽 하단에 떠 있는 액션 버튼을 설정합니다. `FloatingActionButton` 위젯을 사용합니다. - drawer: 왼쪽에서 슬라이드하여 열 수 있는 네비게이션 드로어를 설정합니다...

Flutter 2024.06.08

Flutter Column & Row

`Column`과 `Row`는 Flutter에서 수직 및 수평으로 위젯을 배열할 수 있는 레이아웃 위젯입니다. 이 두 위젯은 자식 위젯들을 정렬하고 배치하는 데 중요한 역할을 합니다. ### Column `Column` 위젯은 자식 위젯들을 수직으로 배열합니다. 주요 속성은 다음과 같습니다: - **children**: 배열할 자식 위젯들의 리스트입니다. - **mainAxisAlignment**: 주축(세로축)에서 자식 위젯들의 정렬 방식을 설정합니다. - **crossAxisAlignment**: 교차축(가로축)에서 자식 위젯들의 정렬 방식을 설정합니다. - **mainAxisSize**: 주축에서의 크기를 설정합니다. ### Row `Row` 위젯은 자식 위젯들을 수평으로 배열합니다. 주요 속성은 ..

Flutter 2024.06.08