Widget9 [Flutter 트랙] 앱개발 종합반 2-4 - ListView Flutter ListView 위젯ListView 위젯은 스크롤 가능한 리스트 형태의 UI를 구현하는 데 사용됩니다. 대표적인 사용 사례로는 카카오톡 친구 목록, 쿠팡 상품 리스트 등이 있습니다.1. ListView 기본 개념ListView를 사용하면 여러 개의 항목을 리스트 형태로 표시하고, 세로 또는 가로로 스크롤할 수 있습니다.ListView 특징스크롤 가능한 리스트 형태 UI 제공가로/세로 방향 조정 가능컨트롤러를 이용하여 특정 위치로 이동 가능캐싱을 활용하여 성능 최적화 가능ListView 기본 예제import 'package:flutter/material.dart';void main() { runApp(MaterialApp(home: ListViewExample()));}class Lis.. 2025. 3. 4. [Flutter 트랙] 앱개발 종합반 2-3 - PageView Flutter PageView 위젯PageView 위젯은 페이지를 스와이프(Swipe)하여 전환하는 기능을 제공합니다. 대표적인 사용 예시는 앱 튜토리얼, 슬라이드 쇼, 카드형 UI 등에서 사용됩니다.1. PageView 기본 개념PageView 위젯을 활용하면 여러 개의 페이지를 가로 또는 세로 방향으로 넘길 수 있습니다.PageView 특징페이지를 가로 또는 세로 방향으로 스와이프 가능무한 페이지 전환, 정지(Snap) 등 다양한 옵션 제공컨트롤러(PageController)를 사용하여 페이지 이동 가능이벤트 감지 (onPageChanged 등) 기능 제공PageView 기본 예제import 'package:flutter/material.dart';void main() { runApp(Mater.. 2025. 3. 4. [Flutter 트랙] 앱개발 종합반 1-13 - Widget Tree 위젯 트리 Flutter 위젯 트리 개념 및 상태 관리 적용하기이번 포스팅에서는 Flutter 개발을 위한 위젯 트리(WIDGET TREE) 개념과 상태(State) 관리 방식을 살펴보고, 이를 활용하여 게임 프로젝트에서 UI를 효율적으로 업데이트하는 방법을 정리합니다.1. 위젯 트리(WIDGET TREE)란?Flutter에서 모든 화면 요소는 위젯(Widget)으로 구성되며, 이 위젯들은 계층 구조(Tree 구조)로 연결됩니다.📌 위젯 트리 구조Flutter 앱은 최상단의 부모 위젯부터 하위 위젯을 계층적으로 포함하는 구조특정 위젯이 변경되면 그 위젯과 관련된 하위 위젯만 다시 렌더링불필요한 전체 UI 업데이트를 줄여 **성능 최적화** 가능📌 위젯 트리 예시 (카드 게임 앱)MyApp (최상위 위젯) ├──.. 2025. 3. 4. 이전 1 2 다음