공부방/Flutter33 [Flutter] AppBar위젯(함수)에 대해 1. AppBar란? 1) AppBar의 역할 2) AppBar의 구성요소 2. AppBar위젯 속성 1) title 2) actions 3) backgroundColor 4) leading 5) bottom 6) elevation 7) centerTitle 8) automaticallyImplyLeading AppBar란? AppBar의 역할 AppBar는 Flutter 앱의 상단에 위치하며 앱의 기본적인 내비게이션 구성 요소 중 하나. 사용자에게 현재 화면의 정보를 제공하고 앱 내의 다양한 기능을 수행할 수 있는 작은 도구 모음을 제공. AppBar의 구성요소 구성요소 설명 title AppBar 상단에 표시되는 제목 actions AppBar 우측에 표시되는 작은 아이콘 또는 버튼 backgroun.. 2024. 4. 11. [Flutter] Center위젯(함수) 목차 1. Center위젯의 기능 1) 화면 가운데 정렬 2) 자식 위젯과 함께 사용 3) Center위젯의 속성 2. 사용예시 1) 기본 사용 예시 2) 자식 위젯과 함께 사용하는 예시 3. 주의사항 1) 중첩 사용 시 주의사항 2) 성능 고려사항 1. Center위젯의 기능 1) 화면 가운데 정렬 Center 위젯은 자식 위젯을 화면의 중앙에 정렬. 이는 모든 플랫폼에서 일관된 가운데 정렬을 보장한다. 2) 자식 위젯과 함께 사용 Center 위젯은 다양한 자식 위젯과 함께 사용될 수 있다. 텍스트, 이미지, 그리고 다른 복합적인 위젯들을 가운데 정렬할 수 있다. 3) Center위젯의 속성 속성 설명 child 가운데로 정렬할 자식 위젯을 지정 widthFactor 자식 위젯의 너비를 조절하기 위한.. 2024. 4. 8. [Flutter] IconButton위젯(함수) 목차 1. IconButton 위젯 개요 1) 소개 2) 주요 특징 3) 사용 사례 4) 장단점 2. IconButton 위젯 사용 방법 1) IconButton 생성 2) 아이콘 및 이벤트 처리 추가 3) IconButton 속성 3. IconButton 위젯의 예제 코드 1) 기본적인 IconButton 사용 예제 2) IconButton에 아이콘 및 이벤트 처리 추가 예제 4. IconButton와 다른 위젯과의 비교 1) ElevatedButton과의 비교 2) FlatButton과의 비교 3) 기타 위젯과의 비교 5. IconButton의 고급 사용법과 팁 1) IconButton의 크기 및 색상 변경 2) IconButton 커스터마이징 3) IconButton의 최적화 방법 1. IconBu.. 2024. 4. 4. [Flutter] Flexible위젯(함수) 목차 1. 개요 1) Flutter의 레이아웃 시스템 2) Flexible 위젯의 역할 3) Flexible 위젯의 속성 2. 사용법 1) 기본적인 사용법 2) 중첩된 Flexible 위젯 사용법 3) Flex와 Expanded와의 차이점 3. 예제 1) 간단한 예제 2) 복잡한 레이아웃 예제 4. 주의사항 1) 성능에 대한 고려 2) 다른 레이아웃 위젯과의 조합 시 고려해야 할 사항 1. 개요 1) Flutter의 레이아웃 시스템 Flutter는 위젯을 사용하여 화면을 구성하는데, 이를 위해 유연하고 강력한 레이아웃 시스템을 제공. 2) Flexible 위젯의 역할 Flexible 위젯은 부모 위젯에서 주어진 공간 내에서 유연하게 크기를 조절하는 데 사용된다. 이는 화면의 크기가 달라지는 다양한 디바이.. 2024. 3. 26. [Flutter] ThemeData위젯(함수) 목차 1. ThemeData 소개 2. ThemeData 속성 1) brightness 2) primaryColor 3) accentColor 4) fontFamily 3. ThemeData 사용 예시 1) 앱 전역에서 ThemeData 사용하기 2) 테마 변경하기 3) 커스텀 테마 만들기 1. ThemeData 소개 애플리케이션의 테마를 정의할 수 있다. ThemeData를 사용하면 앱의 색상, 글꼴, 밝기 등을 일관되게 관리할 수 있다. 2. ThemeData 속성 1) brightness ThemeData의 밝기를 설정. Brightness.dark 또는 Brightness.light 값을 가진다. 2) primaryColor 앱의 기본 색상을 설정. Material Design에서 주요 작업을 나.. 2024. 3. 24. [Flutter] StatefulWidget위젯(함수) 목차 1. StatefulWidget의 개요 1) StatefulWidget이란? 2) StatelessWidget과의 차이점 3) StatefulWidget의 구성 요소 2. StatefulWidget의 동작 원리 1) State 객체와 관계 2) 생명 주기 메서드 3) setState() 메서드의 역할 3. StatefulWidget의 활용 1) 사용 사례 2) 고급 기능 추가하기 4. StatefulWidget의 주의 사항 1) 성능 고려 사항 2) 상태 관리 패턴 5. Flutter와 다른 상태 관리 방법 비교 1) Provider 패키지 2) Bloc 패턴 3) Riverpod 패키지 1. StatefulWidget의 개요 1) StatefulWidget이란? Flutter에서 사용되는 위젯 중.. 2024. 3. 20. 이전 1 2 3 4 5 6 다음
