๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

์ „์ฒด ๊ธ€

(154)
Named Route - PushNamed Flutter PushNamed ๋ฐ์ดํ„ฐ ์ฃผ๊ณ  ๋ฐ›๊ธฐ PushNamed()๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด MaterialPageRoute()๋ฅผ ์‚ฌ์šฉํ•˜์ง€ ์•Š๊ธฐ ๋•Œ๋ฌธ์— MaterialPageRoute()์˜ setting ๊ฐ’์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์—†๋‹ค ์ด ๊ฒฝ์šฐ ๊ฐ’ ์ „๋‹ฌ์€ PushNamed()๊ฐ€ ๊ฐ€์ง€๊ณ  ์žˆ๋Š” arguments ๊ธฐ๋Šฅ์œผ๋กœ ๋ฐ”๋กœ ๋„˜๊ฒจ์ค„ ์ˆ˜ ์žˆ๋‹ค Named Route ์‚ฌ์šฉํ•˜๋ฉด argument๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•์ด ๋ฐ์ดํ„ฐ ์ฃผ๊ณ  ๋ฐ›๋Š” ๊ฐ€์žฅ ์‰ฌ์šด ๋ฐฉ๋ฒ•์ด๋‹ค initialRoute: ์ดˆ๊ธฐ ํŽ˜์ด์ง€ ์ง€์ • routes{}์— ์œ„ ์ฒ˜๋Ÿผ Route๋ฅผ ์ง€์ •ํ•ด์ค€๋‹ค pushNamed()์— RouteThree Screen ๋ผ์šฐํŠธ์™€ argument(999)๋ฅผ ์ฃผ์—ˆ๋‹ค final argument = ModalRoute.of(context)!.settings.argume..
Argument ์ „๋‹ฌํ•˜๊ธฐ ํ™ˆ์Šคํฌ๋ฆฐ Push๋ฒ„ํŠผ -> ๋ผ์šฐํŠธ1์Šคํฌ๋ฆฐ์— ๊ฐ’ ์ „๋‹ฌ(123), Push๋ฒ„ํŠผ -> ๋ผ์šฐํŠธ2์Šคํฌ๋ฆฐ์— ๊ฐ’ ์ „๋‹ฌ(789), ๋ผ์šฐํŠธ2์Šคํฌ๋ฆฐ์—์„œ Pop๋ฒ„ํŠผ -> ๋ผ์šฐํŠธ1์Šคํฌ๋ฆฐ์œผ๋กœ ์ด๋™, Pop๋ฒ„ํŠผ -> ํ™ˆ์Šคํฌ๋ฆฐ์œผ๋กœ ์ด๋™ async, await ์ด์šฉํ•ด res ๊ฐ’ ์ „๋‹ฌ๋ฐ›๊ธฐ (route1_screen.dart์—์„œ pop์— ๋„ฃ์–ด์ค€ ๊ฐ’) ๋ผ์šฐํŠธ1์Šคํฌ๋ฆฐ์— 123๊ฐ’ ์ „๋‹ฌํ•˜๊ธฐ pop()์— ๊ฐ’ ๋„ฃ์–ด์คŒ์œผ๋กœ์จ ํ™ˆ์Šคํฌ๋ฆฐ์— ๊ฐ’ ์ „๋‹ฌํ•˜๊ธฐ RouteSetting์˜ arguments ์ด์šฉํ•ด ๋ผ์šฐํŠธ2์Šคํฌ๋ฆฐ์— ๊ฐ’ ์ „๋‹ฌํ•˜๊ธฐ pop()์œผ๋กœ ์ด์ „ ํŽ˜์ด์ง€๋กœ ๋Œ์•„๊ฐ€๊ธฐ
layout ์ด์šฉํ•ด ์ฝ”๋“œ ์ค‘๋ณต์ œ๊ฑฐํ•˜๊ธฐ layout ์ด์šฉํ•ด ์ฝ”๋“œ ์ค‘๋ณต์ œ๊ฑฐํ•˜๊ธฐ ์ค‘๋ณต๋˜๋Š” ์ฝ”๋“œ๋ฅผ main_layout.dart ํŒŒ์ผ๋กœ ๋”ฐ๋กœ ์ƒ์„ฑํ•ด์ค€๋‹ค ํ•ด๋‹น ์ฝ”๋“œ ์•ˆ์—์„œ ์ค‘๋ณต๋˜์ง€ ์•Š๋Š” ๋ณ€์ˆ˜๋“ค์€ ์•„๋ž˜์ฒ˜๋Ÿผ ์ •์˜ํ•ด์ค€๋‹ค class MainLayout extends StatelessWidget { final String title; final List children; const MainLayout({required this.title, required this.children, Key? key}) : super(key: key); Navigator๋ฅผ ์ด์šฉํ•ด Home Screen์—์„œ Push ๋ฒ„ํŠผ์„ ๋ˆ„๋ฅด๋ฉด RouteOne Screen์œผ๋กœ ๋„˜์–ด๊ฐ€๊ณ  Pop ๋ฒ„ํŠผ์„ ๋ˆ„๋ฅด๋ฉด ๋‹ค์‹œ Home Screen์œผ๋กœ ๋Œ์•„์˜จ๋‹ค
Flutter Button ์Šคํƒ€์ผ๋ง - ElevatedButton, OutlinedButton, TextButton Material State - hovered: ๋งˆ์šฐ์Šค ์ปค์„œ ์˜ฌ๋ ค๋†“์€ ์ƒํƒœ - foucused: ํฌ์ปค์Šค๋์„ ๋•Œ(ํ…์ŠคํŠธ ํ•„๋“œ) - pressed: ๋ˆŒ๋ ธ์„ ๋•Œ - dragged: ๋“œ๋ž˜๊ทธ๋์„ ๋•Œ - selected: ์„ ํƒ๋์„ ๋•Œ - scrollUnder: ๋‹ค๋ฅธ ์ปดํฌ๋„ŒํŠธ ๋ฐ‘์œผ๋กœ ์Šคํฌ๋กค๋ง๋์„ ๋•Œ - disabled: ๋น„ํ™œ์„ฑํ™”๋์„ ๋•Œ - error: ์—๋Ÿฌ ์ƒํƒœ Flutter Button Styling ElevatedButton #1 styleFrom() ์‚ฌ์šฉํ•˜์ง€์•Š๊ณ  MaterialStateProperty ์‚ฌ์šฉ ์‹œ MaterialStateProperty.all()์€ Colors.์ƒ‰์ƒ MaterialStateProperty.resolveWith()๋Š” ์œ„์™€ ๊ฐ™์ด (Set states){}๋ฅผ ์จ์ฃผ์–ด์•ผ ํ•œ๋‹ค ๊ธฐ๋ณธ๊ฐ’์€ retu..
๋žœ๋ค ์ˆซ์ž ์ƒ์„ฑ๊ธฐ ๋จผ์ € ๊ตฌํ˜„ ํ•˜๊ณ ์‹ถ์€ ๋ ˆ์ด์•„์›ƒ๋Œ€๋กœ ์„ค์ •ํ•ด์ฃผ๊ธฐ Expanded( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ Text("123"), Text("456"), Text("789"), ], ), ), ๋‚˜๋จธ์ง€ ๋ถ€๋ถ„๋“ค์„ ์ˆซ์ž ๋ถ€๋ถ„์ด ์ฐจ์ง€ํ•  ๊ฒƒ์ด๊ธฐ์— Expanded๋กœ ๋ฌถ์–ด์ค€๋‹ค Container( width: double.infinity, child: ElevatedButton(onPressed: () {}, child: Text("์ƒ์„ฑ")), ), double.infinity ์ด์šฉํ•ด ๋ฒ„ํŠผ ๋„ˆ๋น„๋ฅผ ๋ฌดํ•œํžˆ ๋Š˜๋ ค์ค„ ์ˆ˜ ์žˆ๋‹ค Container ์•„๋‹Œ SizedBox๋กœ ๋ฌถ์–ด์ค˜๋„ ๋˜์ง€๋งŒ ๊ทธ๋Ÿด ๊ฒฝ์šฐ ๋ฒ„ํŠผ ์ƒ‰์ƒ ๋ฐ”๊พธ๋Š” ๋“ฑ์˜ ๋‹ค๋ฅธ ๊ธฐ๋Šฅ์€ ๊ตฌํ˜„ํ•˜์ง€ ๋ชปํ•˜๊ณ ..
const constructor import 'package:flutter/material.dart'; class HomeScreen extends StatefulWidget { const HomeScreen({super.key}); @override State createState() => _HomeScreenState(); } class _HomeScreenState extends State { @override Widget build(BuildContext context) { return Scaffold( body: Container( width: MediaQuery.of(context).size.width, child: Column( mainAxisAlignment: MainAxisAlignment.center, children..
์ปคํ”Œ ๋””๋ฐ์ด ์–ดํ”Œ ๋งŒ๋“ค๊ธฐ ํ”„๋กœ์ ํŠธ์—์„œ ์‚ฌ์šฉํ•  ๊ธ€์”จ์ฒด ๋‹ค์šด https://fonts.google.com/?subset=korean Browse Fonts - Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com asset์€ ์ด๋ ‡๊ฒŒ ๊ตฌ์„ฑํ•ด์ค€๋‹ค ํ…์ŠคํŠธ ๋ถ€๋ถ„๊ณผ ์ด๋ฏธ์ง€ ๋ถ€๋ถ„ ์ƒ, ํ•˜ ๋ถ€๋ถ„์œผ๋กœ ๋‚˜๋ˆ  ์ง„ํ–‰ -> Column "The First Day We met" ๋ถ€๋ถ„๊ณผ "2022. 9. 17" ๋ถ€๋ถ„์€ ์ค„ ๊ฐ„๊ฒฉ์„ ๋„์šฐ๊ณ  ์‹ถ์ง€ ์•Š๊ธฐ์— ๋‘˜์€ ๋˜ ์•ˆ์— Column์œผ๋กœ ๋ฌถ์–ด์ค€๋‹ค ํ…์ŠคํŠธ๋“ค๊ณผ ์•„์ด์ฝ˜ ๋ถ€๋ถ„ ์ „์ฒด์˜ Column์„ Expandedํ•˜๊ณ  mainAxisAlignment์˜ spaceEvenly ์ด์šฉํ•ด ๊ฐ„๊ฒฉ ์ ์ ˆํžˆ ๋„“ํ˜€์ค€๋‹ค..
Dart DateTime ๋””๋ฐ์ด์•ฑ์—์„œ ํ™œ์šฉํ•  DateTime์€ ์š”๋กท๊ฒŒ....๐Ÿ™ƒ

Tiny Star