Flutter 3rd Study
ยท
๐Ÿ’ป Programming Language/Flutter-Dart
StatefulWidgetstateful ์„ ์ด์šฉํ•ด ์ƒํƒœ๋ฅผ ๊ฐ€์ง€๋Š” ์œ„์ ฏ์„ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋‹ค. import 'package:flutter/material.dart'; void main() { runApp(const MyApp2()); } class MyApp2 extends StatefulWidget { const MyApp2({Key? key}) : super(key: key); @override State createState() => _MyApp2State(); } class _MyApp2State extends State { @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo&..
Flutter 2nd Study
ยท
๐Ÿ’ป Programming Language/Flutter-Dart
flutter๋Š” ์›น์—์„œ๋„ ์‹คํ–‰์ด ๊ฐ€๋Šฅํ•˜๋‹ค. ํ”„๋กœ์ ํŠธ ๋‹จ์œ„๋กœ ์›น์„ค์ • ํ›„ ์‹คํ–‰ - ํฌ๋กฌ์œผ๋กœ ์ง„ํ–‰ ์œ„์ ฏ(Widget) Flutter๋Š” ์œ„์ ฏ์—์„œ UI๋ฅผ ๋นŒ๋“œ ์œ„์ ฏ์€ ํ˜„์žฌ ๊ตฌ์„ฑ ๋ฐ ์ƒํƒœ์—์„œ ํ•ด๋‹น view์˜ ๋ชจ์Šต์„ ์„ค๋ช…ํ•œ๋‹ค. ์œ„์ ฏ์˜ ์ƒํƒœ๊ฐ€ ๋ณ€๊ฒฝ๋˜๋ฉด ์œ„์ ฏ์€ ํ•ด๋‹น view์˜ ๋ฌ˜์‚ฌ๋ฅผ ๋‹ค์‹œํ•œ๋‹ค. ๊ธฐ๋ณธ ๋ Œ๋”๋ง ํŠธ๋ฆฌ์˜ ํ•œ ์ƒํƒœ์—์„œ ๋‹ค์Œ ์ƒํƒœ๋กœ ์ „ํ™˜ํ•˜๋Š”๋ฐ ํ•„์š”ํ•œ ์ตœ์†Œ ๋ณ€๊ฒฝ ์‚ฌํ•ญ์„ ๊ฒฐ์ •ํ•˜๊ธฐ ์œ„ํ•ด ํ”„๋ ˆ์ž„ ์›Œํฌ๊ฐ€ ์ด์ „ ์‚ฌํ•ญ๊ณผ ๋ณ€๊ฒฝ์‚ฌํ•ญ์„ ๋น„๊ตํ•œ๋‹ค. Flutter ์˜ ๋ ˆ์ด์•„์›ƒ Flutter Sturdio => figma์™€ ๋น„์Šท flutter์˜ ๋ ˆ์ด์•„์›ƒ์„ ์งœ๋Š”๋ฐ ์‰ฝ๊ฒŒ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ
Flutter Start
ยท
๐Ÿ’ป Programming Language/Flutter-Dart
import "package:flutter/material.dart"; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { Widget build(BuildContext context) { return MaterialApp( title : "Flutter Demo", theme: ThemeData(primarySwatch: Colors.blue), home: MyHomePage(title: '๋“œ๊ฐ€์ž~~~'), ); } } class MyHomePage extends StatefulWidget { MyHomePage({Key? key, required this.title}) : super(key : key); final String ..