StatefulWidget3 ✅ Flutter 앱에 체크박스 기능 추가하기 – 할 일 완료 처리하기 할 일 목록 앱을 만들었다면, 이제 중요한 기능 하나가 남았습니다.바로, 완료된 항목을 체크하거나 해제할 수 있는 기능입니다.이번 글에서는 Flutter 앱에 Checkbox 위젯을 적용하여 할 일 항목에 상태(완료/미완료)를 표시하는 방법을 알려드립니다.🧩 어떤 기능을 추가할까요?✅ 각 할 일 항목 옆에 체크박스 표시✅ 체크하면 완료 → 텍스트에 취소선 적용✅ 체크 해제 시 다시 미완료 상태로 변경🛠️ 구조 변경 – String 대신 Map으로 관리기존에는 List으로만 할 일을 저장했지만,완료 상태를 저장하려면 Map 형태로 구조를 바꿔야 합니다.dart복사편집List> _todoList = [ {'title': 'Flutter 공부', 'done': false}, {'title': '운동하기',.. 2025. 8. 9. ✅ 할 일 목록(To-do) 앱 만들기 – Flutter 상태 기반 UI 실습 지금까지 배운 StatefulWidget, TextField, 버튼, 화면 전환 개념을실전 앱으로 연결해보는 미니 프로젝트 시간입니다.이번 글에서는 Flutter로 간단한 To-do List(할 일 목록) 앱을 만들어 보면서상태 관리 + UI 구성 + 리스트 처리를 한 번에 연습합니다.🎯 만들 앱 소개✅ 할 일 입력✅ 추가 버튼 클릭 시 리스트에 추가✅ 각 할 일 항목 옆에 삭제 버튼✅ 상태(State)로 리스트 자동 갱신🧱 전체 구조 (StatefulWidget)import 'package:flutter/material.dart'; void main() => runApp(MaterialApp(home: TodoApp())); class TodoApp extends StatefulWidget { .. 2025. 8. 9. 🔁 StatefulWidget vs StatelessWidget – Flutter 상태 관리 기초 Flutter에서 앱을 만들다 보면 “왜 버튼을 눌러도 화면이 안 바뀌지?”혹은 “값은 변경되었는데 UI에 반영이 안 되네?” 같은 경험을 하게 됩니다.그 이유는 "상태(State)"를 제대로 관리하지 않아서인데요.이번 글에서는 Flutter의 상태 관리를 시작하는 가장 첫 개념,StatefulWidget과 StatelessWidget의 차이를 쉽게 설명해드릴게요.❓ 상태(State)란?앱이 시간에 따라 변하는 데이터를 의미합니다.예를 들어:버튼을 누른 횟수체크박스의 선택 여부입력한 텍스트로그인 상태 여부 등이런 변화는 모두 “상태”이며, 이를 UI에 반영하려면 StatefulWidget이 필요합니다.🧱 StatelessWidget – 상태가 없는 위젯class MyWidget extends State.. 2025. 8. 9. 이전 1 다음
