PopupMenuButton (팝업 메뉴 버튼)Flutter에서 제공하는 드롭다운 형태의 팝업 메뉴 위젯으로, 특정 아이콘이나 버튼을 클릭하면 여러 선택지를 포함한 메뉴가 나타납니다.Transform.translate( offset: const Offset(6, 0), child: PopupMenuButton( /// 팝업 메뉴의 테두리와 round 처리 shape: RoundedRectangleBorder( ..

Flutter는 뛰어난 성능과 부드러운 애니메이션을 제공하는 UI 프레임워크입니다. 이러한 성능을 유지하기 위해 내부적으로 렌더링 파이프라인을 활용하는데, 이 과정은 크게 Build → Layout → Paint 단계로 나뉩니다.이번 글에서는 그중에서도 첫 번째 과정인 Build 단계에 대해 자세히 알아보겠습니다. 이 단계에서는 화면을 구성하는 위젯 트리(Widget Tree) 를 생성하며, 상태 변화가 발생할 때마다 빌드가 다시 실행됩니다.1. Flutter의 렌더링 파이프라인Flutter에서 UI가 화면에 표시되는 과정은 다음 세 단계로 진행됩니다.Build 단계: 위젯 트리를 생성하고 업데이트하는 단계입니다.Layout 단계: 위젯의 크기와 위치를 계산하는 과정입니다.Paint 단계: 실제 화면에 ..

MaterialApp 안드로이드 디자인을 기반으로 앱 작성 (디자인만 적용이라 안드, IOS 둘 다 빌드 가능) CupertinoApp 애플 디자인을 기반으로 앱 작성 (디자인만 적용이라 안드, IOS 둘 다 빌드 가능) MaterialApp의 역할 MaterialApp은 Flutter 앱의 최상위 위젯 앱이 시작될 때 생성되는 첫 번째 위젯. 앱을 구축하는 데 필수적인 몇 가지 중요한 기능을 제공 내비게이션: MaterialApp은 앱의 화면 사이를 쉽게 이동할 수 있는 내장 내비게이션 시스템을 제공한다. 테마: 머티리얼 디자인에는 디자인 언어를 사용하는 모든 앱에서 일관된 모양과 느낌을 만드는 데 사용되는 사전 정의된 색상, 타이포그래피 및 기타 디자인 요소 세트가 있다. MaterialApp은 테마..

runApp() runApp 함수는 Flutter 애플리케이션을 실행하는 데 사용되는 최상위 함수. runApp 함수는 애플리케이션의 루트 위젯인 단일 매개변수를 사용. 이 루트 위젯은 앱의 최상위 위젯이며 앱의 다른 위젯을 만들고 관리하는 역할. Widget 위젯 Flutter에서 위젯은 사용자 인터페이스의 기본 구성 요소 버튼, 텍스트 필드, 이미지 등과 같은 앱의 시각적 및 대화형 요소를 정의하는 데 사용 위젯은 웹 개발에서 HTML 요소와 동일하다고 생각할 수 있다 StatelessWidget StatelessWidget은 일단 생성되면 모양이나 동작을 변경할 수 없는 위젯 유형 사용자 인터페이스의 기본 빌딩 블록이며 시간이 지남에 따라 상태나 변경 사항에 의존하지 않는 재사용 가능한 구성 요소를..