오블완 검색 결과

해당 글 14건

플러터 기본기 다지기 - 나만의 Flutter 위젯 분류

위젯들을 이해하고 활용하는 것이 Flutter 개발의 핵심입니다.위젯의 종류Flutter는 풍부한 UI 위젯을 제공합니다. 자세한 내용은 공식 문서에서 확인할 수 있습니다.위젯들을 이해하기 쉽게 직접 나누어 봅시다(공식적인 분류는 아직 존재하지 않는 것 같음)1. 플랫폼별 위젯Material (Android) 위젯Google의 Material Design 가이드라인을 따르는 위젯들입니다.Cupertino (iOS) 위젯Apple의 Human Interface Guidelines를 기반으로 한 iOS 스타일 위젯들입니다.대부분의 경우 Material 위젯을 사용하지만, 플랫폼별 특성을 살리고 싶다면 각각의 위젯을 적절히 활용할 수 있습니다.2. 기본 위젯 (Basic Widgets)Text: 다양한 스타일..
Flutter 2024. 11. 19. 09:14

플러터 기본기 다지기 - 1

플러터 기본기 다지기 - 1"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) // 빨간색이 되어..
Flutter 2024. 11. 18. 10:10

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