개발일기

Flutter 검색 결과

해당 글 28건

Flutter 상태 관리

flutter에서 상태 관리는 화면의 데이터가 변경될 때 UI에 즉시 반영되도록 하는 중요한 개념입니다.1. Flutter 기본 상태 관리: StatefulWidgetFlutter의 기본 상태 관리 방식으로, StatefulWidget을 사용하여 상태 변경이 필요한 위젯을 정의합니다. 상태는 setState() 메서드를 통해 업데이트됩니다.import 'package:flutter/material.dart';void main() { runApp(MyApp());}class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home: CounterScreen()..

Flutter 2024. 11. 15. 09:29

Flutter Animation 처리

Flutter에서 애니메이션은 UI에 생동감을 주고 사용자 경험을 풍부하게 만드는데 유용합니다. 애니메이션은 기본적으로 Implicitly Animated Widget과 Explicitly Animated Widget 두 가지 유형으로 나뉘며, Flutter는 이를 쉽게 다룰 수 있는 다양한 위젯을 제공합니다.1. Implicitly Animated Widgets간단한 애니메이션 효과를 줄 때는 Flutter의 암시적 애니메이션 위젯을 사용합니다. 이러한 위젯은 특정 속성이 변경될 때 자동으로 애니메이션을 적용해줍니다.Implicitly Animated 위젯 예제import 'package:flutter/material.dart';void main() => runApp(MyApp());class MyAp..

Flutter 2024. 11. 15. 09:28

Flutter 기본설정

chat gpt 프롬프트 시작 문구 💡Since now, you act as th best IT lecturer for beginners having no idea about flutter and programming. Plz add detail comments to the following code line by line.위젯 속성 값 확인 프롬프트 문구💡plz explain properties and to use of [ → IconButton ←] in Flutter.영어 결과 출력 후 한글 변환 요청💡plz translate the avobe answer in korean. 안드로이드 스튜디오 맞춤법 지적 끄기 1. 왼쪽 위 상단에 File -> 2. Settings -> 3. Editor ..

Flutter 2024. 11. 14. 09:50

Flutter 와 Material 디자인 활용

Flutter에서 Material 앱을 생성하려면 MaterialApp을 사용하여 기본 Material 테마와 스타일을 설정합니다. 그 위에 다양한 위젯들을 추가하여 화면을 구성합니다.import 'package:flutter/material.dart';void main() { runApp(MyApp());}class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'Material Design Sample', theme: ThemeData( primarySwatch: Colors.blue, ), home:..

Flutter 2024. 11. 13. 09:13

SingleChildScrollView 위젯

SingleChildScrollView 위젯스크롤을 제공하기 위해 사용되는 위젯수직/수평 스크롤을 지정하고자 할 경우, scrollDirection 속성값을 설정할 수 있음scrollDirection: Axis.vertical (수직)scrollDirection: Axis.horizontal (수평)import 'package:flutter/material.dart';void main() { runApp(const MyApp());}class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { return MaterialApp( home: Scaff..

Flutter 2024. 11. 12. 09:10

플러터의 기본

"Everything is a Widget" — Flutter의 핵심 철학Flutter는 위젯 기반의 UI 프레임워크로, 모든 UI 요소를 위젯으로 표현합니다. 이는 개발의 일관성과 효율성을 크게 높여줍니다.Flutter는 위젯 기반의 UI 프레임워크로, 모든 UI 요소를 위젯으로 표현합니다. 이는 개발의 일관성과 효율성을 크게 높여줍니다.선언적 UI 구성Flutter는 React에서 영감을 받은 선언적 프로그래밍 방식을 채택했습니다. 개발자는 원하는 UI 상태를 직접 선언하며, 프레임워크가 이를 효율적으로 렌더링합니다.명령형 UI 💡 어떠한 상태가 되도록 명령한다.ViewA a = ViewA();ViewB b = ViewB();a.setColor(red) // 빨간색이 되어라b.setColor(yel..

Flutter 2024. 11. 5. 19:00