Flutter + Dart/다이어리 프로젝트6 일정화면 만들기 1. 슬라이더 전체 적용하기더보기import 'dart:async';import 'package:flutter/material.dart';import 'package:table_calendar/table_calendar.dart';import 'package:intl/intl.dart' show DateFormat;import '../widgets/profile_menu_widget.dart';// 슬라이더와 빈 박스 배치하기// ScheduleListScreen()class ScheduleListScreen extends StatefulWidget { @override _ScheduleListScreenState createState() => _ScheduleListScreenState();}cla.. 2025. 5. 19. 다이어리 위젯 - Diary Screen 📘 Diary Screen 기능별 학습 정리✅ 1. 전체 개요diary_screen.dart는 일기 조회 및 작성 기능을 가진 Flutter 화면 구성 파일이다. 이 화면에서는 사용자의 일기 목록을 보여주고, 추가, 상세보기 등의 동작이 포함된다. (추후 삭제, 수정 추가예정)주요 구성 요소:StatefulWidget 기반 UIFutureBuilder를 활용한 비동기 데이터 처리Dismissible을 이용한 스와이프 삭제네비게이션을 통한 상세 페이지 이동🧱 2. 위젯 구조 및 상태관리핵심 위젯: DiaryScreenclass DiaryScreen extends StatefulWidget { @override _DiaryScreenState createState() => _DiaryScreenSta.. 2025. 5. 19. 달력, 로컬 설정 Flutter 달력 만들기 & 트러블슈팅 가이드1. Flutter 달력 기본 구현법1-1. TableCalendar 패키지 설치pubspec.yaml에 다음 의존성을 추가 후 flutter pub get 실행dependencies: flutter: sdk: flutter table_calendar: ^3.0.9 intl: ^0.18.11-2. 기본 달력 위젯 사용법import 'package:flutter/material.dart';import 'package:table_calendar/table_calendar.dart';import 'package:intl/date_symbol_data_local.dart';void main() async { WidgetsFlutterBinding.ens.. 2025. 5. 15. flutter 키, 값을 가지는 리스트 만들기 List> diary_item = []; /// 2. 일기 작성 화면 (입력받고 저장 시 콘솔에 출력)...class _WriteDiaryScreenState extends State { // 제목과 내용을 입력받기 위한 TextEditingController final TextEditingController titleController = TextEditingController(); final TextEditingController contentController = TextEditingController(); // 저장 버튼 클릭 시 호출되는 함수 void _saveDiary() { final title = titleController.text; final content = con.. 2025. 5. 14. ListView + Column 문제 ✅ Flutter 앱 첫 화면이 안 나올 때 (ListView + Column 문제)🧩 문제 상황VSCode에서는 에러가 없다고 나왔지만, 앱 실행 시 플러터 이미지만 보이고 홈 화면이 표시되지 않음. 🔍 원인 분석Column 안에 ListView.builder를 직접 넣었기 때문.ListView는 스크롤 가능한 위젯인데, Column 안에서 높이 제한이 없으면 렌더링 에러가 발생함.🛠 해결 방법ListView.builder를 Expanded로 감싸서 높이를 지정해줌.수정 전 ❌child: Column( children: [ ListView.builder(...), // 문제 발생 ElevatedButton(...), ],),수정 후 ✅child: Column( children: [.. 2025. 5. 14. 트러블 슈팅 - Container 위젯 내에 children 속성 사용 오류 🌐 Flutter 트러블슈팅: Container 위젯 내 children 속성 오류✅ 발생 상황기존 코드에 날씨 이미지가 들어갈 구역을 파란색 테두리를 가진 Container 위젯으로 감싸려고 했지만 코드 오류가 발생했습니다.🔍 원인 분석Container는 Flutter에서 스타일링(예: padding, margin, border, decoration)을 위해 자주 사용하는 위젯입니다. 그러나 이 위젯은 단 하나의 자식 위젯(child)만 가질 수 있습니다.문제는 다음과 같은 방식으로 여러 자식 위젯을 Container의 children 속성에 직접 배치하려 했던 코드에서 발생했습니다:Container( children: [ // ❌ 오류 발생 Text("현재 날씨"), _buildPla.. 2025. 5. 13. 이전 1 다음