Flutter에서 상태 관리는 앱의 동작을 제어하고 UI를 업데이트하는 중요한 요소입니다. StatefulWidget은 Flutter에서 동적인 상태를 관리하기 위한 핵심적인 위젯입니다. 이번 포스트에서는 StatefulWidget의 개념과 활용 방법에 대해 알아보겠습니다. 1. StatefulWidget 개념: • StatefulWidget은 변경 가능한 상태를 가지는 위젯입니다. 상태는 위젯의 생명주기 동안 변할 수 있으며, 변화에 따라 UI가 업데이트됩니다. • StatefulWidget은 State 객체와 함께 작동합니다. State 객체는 위젯의 상태를 보관하고, 상태 변경 시 UI를 업데이트합니다. • StatefulWidget은 UI를 다시 빌드할 때마다 build() 메서드를 호출하여 새로..

Flutter 2023. 7. 1. 10:56

이번 포스트에서는 Flutter의 Material Design에 대해 공부하고 Material Design을 활용한 간단한 할 일 목록 앱을 만들어보겠습니다. 이 앱은 할 일을 추가하고 완료 여부를 표시하는 기능을 갖추고 있습니다. Material Design에 대해 간략하게 설명하고 예제 앱의 자세한 코드와 함께 앱의 구조와 디자인을 설명하도록 하겠습니다. Material Design은 구글에서 제공하는 디자인 시스템으로, Flutter를 통해 멋진 UI를 구축할 수 있습니다. Material Design은 사용자 경험을 강조하며, 간결하고 일관된 UI를 제공합니다. 1. 디자인 원칙 • 어떤 기기에서든 일관성 있는 경험을 제공합니다. • 사용자에게 물리적으로 이해하기 쉬운 인터페이스를 제공합니다. •..

Flutter 2023. 7. 1. 09:38

Flutter는 UI 개발을 위해 Material Design과 Cupertino Design 두 가지 주요 디자인 시스템을 제공합니다. Material Design은 구글의 디자인 가이드라인에 기반을 둔 머티리얼 디자인 시스템으로, Android 앱 개발에 주로 사용됩니다. 반면에 Cupertino Design은 Apple의 iOS 디자인 가이드라인을 반영한 디자인 시스템으로, iOS 앱 개발에 주로 사용됩니다. 이제 Material Design과 Cupertino Design의 특징과 사용법에 대해 알아보겠습니다. Material Design • Material Design은 3D 효과와 그림자 등을 활용하여 시각적인 효과를 부각시키는 특징이 있습니다. • Material Design에서는 위젯들이 ..

Flutter 2023. 7. 1. 08:48

Flutter는 구글에서 개발한 오픈 소스 UI 프레임워크로, 단일 코드베이스에서 iOS, Android 및 웹 애플리케이션을 구축할 수 있도록 도와주는 도구입니다. Flutter에서 UI를 구축하는데 가장 핵심적인 요소 중 하나인 Scaffold에 대해 알아보겠습니다. Scaffold는 앱의 기본 구조를 제공하며, 여러 가지 기능과 위젯들을 통합하여 효율적으로 UI를 구성할 수 있게 도와줍니다. Scaffold는 앱의 주요 구성 요소인 AppBar, Body, BottomNavigationBar 등을 간편하게 추가할 수 있도록 해주는 역할을 합니다. AppBar는 앱 상단에 위치하며 앱의 타이틀이나 메뉴 버튼 등을 포함할 수 있습니다. Scaffold의 appBar 속성을 사용하여 AppBar를 추가할..

Flutter 2023. 7. 1. 08:09