Flutter + Dart/Flutter + Dart 공부24 json 파일을 .dart에 변수로 가져오기 .dart 파일에서 외부 JSON 파일(예: schedule_items_30.json)을 읽어 배열 변수(ListMapString, dynamic>>> schedule_item()) 로 가져오는 기본 방법.✅ 1. pubspec.yaml에 assets 등록flutter: assets: - assets/schedule_items_30.json🔸 assets/ 폴더에 schedule_items_30.json 파일을 넣어야 함. 경로가 다르면 수정하기.✅ 2. Dart 코드 작성 (예: load_schedule.dart)import 'dart:convert';import 'package:flutter/services.dart' show rootBundle;Future>> loadScheduleItem.. 2025. 5. 19. 위젯 정렬 - 전체 채우기, 좌측 상단 정렬 📌 Flutter에서 자식 위젯을 "전체 확장 + 좌측 상단 정렬"하는 방법 총정리Flutter에서 자식 위젯을 부모 위젯의 전체 크기를 채우면서, 동시에 좌측 상단에 정렬시키려면 다음과 같은 위젯과 속성들을 적절히 조합해야 합니다.✅ 자식 위젯이 부모 영역을 가득 채우는 방법위젯/속성용도설명예시SizedBox.expand()전체 확장부모의 최대 크기로 확장child: SizedBox.expand(child: ...)Container전체 확장width/height를 double.infinity로 설정Container(width: double.infinity, height: double.infinity, child: ...)ExpandedRow, Column에서 확장주축 방향 전체 공간 차지Row(chi.. 2025. 5. 19. 애니메이션 기초 학습 및 플랫폼별 UI 이해 📌 학습 목표Flutter의 애니메이션 시스템을 이해하고 간단한 애니메이션 효과를 구현할 수 있다.Android(Material), iOS(Cupertino)의 플랫폼별 UI 차이를 이해하고, 플랫폼에 따라 분기 처리하는 기초를 배운다.📚 주요 개념 요약1. Flutter 애니메이션 기본 구조Flutter의 애니메이션은 다음 세 가지 핵심 요소로 구성됨:개념설명AnimationController애니메이션의 실행/정지/시간을 제어하는 컨트롤러. 프레임 단위로 상태를 업데이트함.Tween시작 값과 끝 값을 설정하여 애니메이션 값을 생성하는 객체. 예: 0~1, 색상 변화 등AnimatedWidget애니메이션 상태에 따라 자동으로 다시 그려지는 위젯. 매번 setState() 호출 필요 없음.2. 자주 사.. 2025. 5. 16. 테마 및 스타일 적용, 커스텀 위젯 제작 기초 학습 목표앱 전체 테마 설정: ThemeData로 색상·글꼴·전반적 스타일 정의텍스트 스타일 관리: TextStyle로 주요 텍스트 속성 통일커스텀 위젯 제작: Stateless/Stateful 위젯 조합해 재사용 가능한 버튼·리스트 아이템 만들기학습전 둘러보기 카테고리 위젯·클래스 주요 속성·메서드·이벤트 사용 패키지 권한 관리SwitchListTilevalue, onChanged → Permission.request(), Permission.statuspermission_handlerPermissionPermission.photos, Permission.location, Permission.calendar 테마 & 언어DropdownButtonvalue, items, onChanged → Th.. 2025. 5. 16. flutter 달력 추가하기 1. 기본 준비✅ 필요한 패키지패키지설명table_calendarFlutter에서 다양한 달력 UI와 기능을 제공intl날짜 및 시간 포맷 (예: yyyy-MM-dd → 2024년 05월 15일 등)✅ 설치 명령어 (터미널에 입력)flutter pub add table_calendarflutter pub add intl pubspec.yaml dependencies: table_calendar: ^3.0.9 # 달력 intl: ^0.18.1 # DateFormat 사용을 위해 추가달력 만들기 단계:달력의 기본 틀(컨테이너, 격자 등) 설정날짜 표시를 위한 속성 지정사용자 인터랙션 위해 속성이나 명령어 추가주의할 점:날짜와 월/년 변경은 별도 속성 또는 명령어 사용보기 쉽게 만들기 위해 스타일도 고려2.. 2025. 5. 15. Provider Provider를 활용한 Flutter 상태 관리 가이드학습 목표Provider 패키지의 역할과 구조 이해ChangeNotifier 기반 상태 관리 흐름 파악Provider.of, Consumer, Selector 사용법 숙지MultiProvider를 활용한 복합 상태 관리 구성간단한 ToDo 앱을 통해 상태 추가·삭제·업데이트 실습1. 사전 준비Flutter SDK 설치 및 기본 프로젝트 생성pubspec.yaml에 Provider 패키지 추가 dependencies: flutter: sdk: flutter provider: ^6.0.5터미널에서 flutter pub get 실행 2. 핵심 개념 정리2.1 ChangeNotifier상태 변경 시 notifyListeners() 호출리스너(위젯).. 2025. 5. 15. 이전 1 2 3 4 다음