본문 바로가기

분류 전체보기691

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.
다이어리 위젯 - 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에서 자식 위젯을 "전체 확장 + 좌측 상단 정렬"하는 방법 총정리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.
MariaDB 공부 시작 MariaDB 설치https://mariadb.org/download/다운로드MariaDB 서버 설정 (Server Configuration):Root Password: MariaDB의 최고 관리자인 root 사용자의 비밀번호를 설정하는 중요한 단계입니다. 안전하고 기억하기 쉬운 비밀번호를 입력하고, "Confirm" 필드에 다시 한번 입력합니다. 이 비밀번호는 데이터베이스 관리 작업에 필수적이므로 꼭 기억해두세요.Enable access from remote machines for 'root' user: 이 옵션은 외부에서 root 사용자로 MariaDB 서버에 접속할 수 있도록 허용할지 여부를 결정합니다. 보안상의 이유로 특별한 경우가 아니라면 체크 해제하는 것을 권장합니다.Use UTF8 as de.. 2025. 5. 19.
컴퓨터 단축키 단축키설명비고Ctrl + C선택한 항목을 복사합니다Ctrl + V복사하거나 잘라낸 항목을 붙여넣습니다Ctrl + X선택한 항목을 잘라냅니다(복사와 다름)Ctrl + Z마지막 작업을 취소합니다Ctrl + Y취소한 마지막 작업을 다시 실행합니다Ctrl + F현재 문서에서 검색합니다Ctrl + S현재 문서를 저장합니다Ctrl + A모든 항목을 선택합니다Windows Key + ←선택된 창을 왼쪽 반쪽으로 이동시킵니다.윈도우만 가능 맥은 spectacle 설치 후 사용Windows Key + →선택된 창을 오른쪽 반쪽으로 이동시킵니다.윈도우만 가능 맥은 spectacle 설치 후 사용Alt + Tab열린 프로그램 간 전환합니다맥은 command + tabF5 or Ctrl + R웹페이지를 새로 고칩니다 Ctrl.. 2025. 5. 17.
애니메이션 기초 학습 및 플랫폼별 UI 이해 📌 학습 목표Flutter의 애니메이션 시스템을 이해하고 간단한 애니메이션 효과를 구현할 수 있다.Android(Material), iOS(Cupertino)의 플랫폼별 UI 차이를 이해하고, 플랫폼에 따라 분기 처리하는 기초를 배운다.📚 주요 개념 요약1. Flutter 애니메이션 기본 구조Flutter의 애니메이션은 다음 세 가지 핵심 요소로 구성됨:개념설명AnimationController애니메이션의 실행/정지/시간을 제어하는 컨트롤러. 프레임 단위로 상태를 업데이트함.Tween시작 값과 끝 값을 설정하여 애니메이션 값을 생성하는 객체. 예: 0~1, 색상 변화 등AnimatedWidget애니메이션 상태에 따라 자동으로 다시 그려지는 위젯. 매번 setState() 호출 필요 없음.2. 자주 사.. 2025. 5. 16.