안녕하세요! 이번 포스팅에서는 Flutter 개발에서 StatelessWidget과 StatefulWidget을 함께 활용하는 방법에 대해 알아보겠습니다. StatelessWidget과 StatefulWidget은 Flutter 앱 개발에서 가장 중요한 위젯 중 두 가지입니다. StatelessWidget은 변하지 않는 UI 요소를 표현할 때 사용되고, StatefulWidget은 동적으로 변화하는 상태를 가지는 UI 요소를 표현할 때 사용됩니다. 이 두 가지 위젯을 함께 사용하여 좀 더 복잡하고 동적인 앱을 개발할 수 있습니다. 이번 예제에서는 간단한 작업 목록 관리 앱을 만들어보겠습니다. 이 앱은 사용자가 할 일 목록을 추가하고, 완료한 항목을 체크할 수 있는 기능을 가지고 있습니다. 이를 위해 St..

Flutter 2023. 7. 4. 11:37

Flutter는 Google에서 개발한 크로스 플랫폼 UI 프레임워크로, 풍부한 사용자 인터페이스를 구축하기 위해 다양한 위젯을 제공합니다. StatelessWidget과 StatefulWidget은 Flutter에서 가장 일반적으로 사용되는 위젯 유형 중 두 가지입니다. 이들은 각각 다른 목적과 동작 방식을 가지고 있으며, 앱의 상태 변화에 따라 UI를 업데이트하는 방법이 다릅니다. 이번 포스팅에서는 StatelessWidget과 StatefulWidget에 대해 자세히 알아보고, 언제 사용해야 하는지에 대해 알려드리겠습니다. StatelessWidget StatelessWidget은 상태가 없는 위젯으로, 한 번 생성된 후에는 변경할 수 없는 UI를 나타냅니다. StatelessWidget은 불변성(..

Flutter 2023. 7. 4. 11:22

앱 개발에 있어서 중요한 부분 중 하나는 사용자가 앱 내에서 원하는 화면으로 쉽게 이동할 수 있는 내비게이션 구현입니다. Flutter에서는 BottomNavigationBar 위젯을 활용하여 손쉽게 하단 탭 내비게이션을 구현할 수 있습니다. 이번 포스팅에서는 Flutter 앱을 개발하면서 하단 탭 내비게이션을 구현하는 방법을 예제 코드와 함께 알아보겠습니다. 먼저, Flutter 프로젝트를 생성하고 material 패키지를 임포트합니다. import 'package:flutter/material.dart'; 그리고 main.dart 파일에 주어진 코드를 추가합니다. 코드를 살펴보면 MyApp 클래스가 StatefulWidget을 상속하고 있으며, BottomNavigationBar와 함께 사용될 화면 ..

Flutter 2023. 7. 1. 23:22