📋 개요🔸 Flutter 앱 개발 시, 색상과 글꼴을 일일이 지정하면 유지보수가 어려움🔸 ThemeData와 ColorScheme을 활용하면 앱 전체에서 일관된 디자인을 쉽게 적용 가능.🔸 Flutter 테마 시스템 활용 방법 (ColorScheme, Typography, 다크 모드) 📝 주제🔸 ColorScheme을 사용한 색상 관리 🔸 Typography를 활용한 텍스트 스타일링 🔸 Material Theme을 이용한 앱 테마 설정 🔸 다크 모드 지원 및 커스텀 테마 적용 1️⃣ Flutter 테마(Theme) 시스템 이해📌 Flutter의 테마(Theme)는 앱의 일관된 디자인을 유지하는 핵심 요소📌 Flutter 테마 시스템의 주요 장점 ✨ 1. 일관된 디자인 유지→..

🚀 주제✔ Flutter의 위젯 트리(Widget Tree) 개념✔ Constraints(제약 조건), SizedBox, Expanded, Flexible 활용법✔ Align, Center, Padding, Margin을 이용한 정렬✔ SingleChildScrollView로 스크롤 가능한 화면 만들기 1️⃣ Flutter의 레이아웃 시스템 개념✅ Flutter 레이아웃 시스템 개요✔ Flutter UI는 모든 요소가 "위젯(Widget)"으로 구성✔ Flutter의 레이아웃 원칙부모 위젯이 자식 위젯의 크기를 결정자식 위젯은 부모의 제약(Constraints) 안에서 크기를 조절위젯은 Row, Column, Stack, Container 등을 활용해 배치 가능✔ Flutter에서 UI를 배치하..

🚀 주제✅️ Flutter의 주요 레이아웃 위젯 확인✅️ 이를 활용 기본적인 화면을 구성✔ Row(가로 배치)✔ Column(세로 배치)✔ Stack(위젯을 겹쳐 배치)✔ ListView(스크롤 가능한 목록 UI) 📌 소개Row여러 위젯을 가로로 배치네비게이션 바, 아이콘 버튼 그룹Column여러 위젯을 세로로 배치로그인 화면, 프로필 화면Stack위젯을 겹쳐서 배치프로필 이미지 + 이름, 배경 위에 텍스트ListView스크롤 가능한 리스트채팅 목록, 게시물 리스트 1️⃣ Row (가로 배치)📌 Row는 여러 개의 위젯을 가로로 배치하는 위젯📌 mainAxisAlignment와 crossAxisAlignment를 사용하여 정렬 가능 🔹 Row 기본 예제import 'package:fl..

📌 주제🚀 Flutter 기본 개념 StatelessWidget 과 StatefulWidget✔ State(상태) 란 무엇인가✔ StatelessWidget & StatefulWidget 차이와 사용법1️⃣ 상태(State)란 무엇인가?📌 Flutter 에서 "상태(State)"란?앱에서 변경될 수 있는 값.예를 들면, 버튼 클릭 횟수, 텍스트 입력값, API에서 가져온 데이터 등이 상태에 해당됨.Flutter에서는 setState()를 사용하여 상태를 변경할 수 있음.2️⃣ StatelessWidget vs StatefulWidget 개념📌 Flutter 의 모든 화면(UI)은 위젯(Widget)으로 구성됨.📌 위젯은 크게 StatelessWidget 과 StatefulWidget 두 가지로 ..

📌 주제🚀 Flutter 프로젝트 생성 및 기본 구조 이해✔ Flutter 개발 환경 세팅✔ Flutter 프로젝트 구조 분석✔ 기본적인 Flutter 앱 실행 및 코드 수정 1️⃣ Flutter 프로젝트 생성하기 ✅ Flutter 프로젝트 생성 명령어VSCode 터미널이나 명령 프롬프트에서 다음 명령어 입력.flutter create my_first_app 📌 my_first_app 폴더가 생성됨📌 기본적인 Flutter 앱 코드(카운터 앱) 포함됨 , 바로 실행 가능. 2️⃣ 프로젝트 폴더 구조 분석 📌 cd my_first_app로 프로젝트 폴더로 이동📌 code .로 VS Code 에서 프로젝트 폴더 오픈.cd my_first_appcode . 📌 Flutter 프로젝트의 ..

📌 주제✅ Dart의 비동기 프로그래밍 이해하기✅ Future, async/await 활용법✅ Flutter에서 API 데이터를 비동기로 가져오는 방법 1️⃣ 비동기 프로그래밍 개념📌 비동기(Asynchronous)란?동기 : 일반적인 코드 실행 흐름비동기 : 시간이 오래 걸리는 작업, 블로킹(blocking) 없이 실행하는 방식.예시) 네트워크 요청(API 호출), 파일 읽기, 데이터베이스 쿼리, 타이머 등 📌 Dart에서 비동기 작업을 처리하는 방법 1️⃣ Future (미래의 값, 비동기 작업 결과)2️⃣ async / await (비동기 코드를 동기적으로 작성할 수 있도록 도와줌)3️⃣ Stream (연속적인 데이터 흐름을 처리, 예: 실시간 채팅, 센서 데이터) 2️⃣ Future ..