- ÇöÀç À§Ä¡
- home > ÄÄÇ»ÅÍ¡¤ICT¡¤¾îÇÐ > ÄÄÇ»ÅÍ¡¤IT µµ¼ > À¥»çÀÌÆ® > ¸ðµÎ°¡ ÇÒ ¼ö ÀÖ´Â Ç÷¯ÅÍ UI ÀÔ¹®[¾Ø½áºÏ]
ÀÌ Ã¥Àº Ç÷¯ÅÍ 2.x ÃֽŠ¹öÀüÀ» »ç¿ëÇßÀ¸¸ç Flutter¿Í Dart ±âÃʺÎÅÍ 7°¡Áö À¯ÇüÀÇ ¾Û/À¥ UI¸¦ Á÷Á¢ ¸¸µé¸é¼ ¹è¿î´Ù!
Ç÷¯ÅÍ(Flutter)¿Í Dart ´ÙÆ® ¾ð¾î¸¦ ÀÍÈù ÈÄ 7°¡Áö ¾Û/À¥ UI¸¦ Á÷Á¢ ¸¸µé±â¸¦ ´ÙÀ½°ú °°ÀÌ 3´Ü°è °úÁ¤À¸·Î ÁøÇàµÈ´Ù.
¢º 1´Ü°è : Ç÷¯ÅÍ ÀÌÇØ¿Í ½ÃÀÛÇϱâ
- Ç÷¯ÅÍ, Dart ¾ð¾îÀÇ Æ¯Â¡, ¿£Áø, ¾ÆÅ°ÅØó, Ç÷¯ÅÍ 2.0 ÀÌÇØÇÑ´Ù.
- Flutter SDK ¼³Ä¡, ¾Èµå·ÎÀÌµå ½ºÆ©µð¿À ¼³Á¤°ú Ç÷¯ÅÍ ÇÁ·ÎÁ§Æ® »ý¼º ¹× ½ÇÇà, Hot Reload¸¦ üÇèÇغ»´Ù.
¢º 2´Ü°è : Dart ´ÙÆ® ¹®¹ý ÀÍÈ÷±â
- DartPad »ç¿ë¹ýºÎÅÍ º¯¼ö, ¿¬»êÀÚ, Á¶°Ç¹®, ÇÔ¼ö, Ŭ·¡½º, »ó¼Ó, Mixin, Ãß»ó Ŭ·¡½º, Ä÷º¼Ç, ¹Ýº¹¹®, final°ú const, Null Safety µî Dart ´ÙÆ® ¹®¹ýÀ» ÀÍÈù´Ù.
¢º 3´Ü°è : 7°¡Áö ¾Û/À¥ ¸¸µé±â
´Ù¾çÇÑ ¾Û/À¥À» Á÷Á¢ ¸¸µé¾îº»´Ù.
- ½ºÅä¾î ¾Û ¸¸µé±â
- ·¹½ÃÇÇ ¾Û ¸¸µé±â
- ÇÁ·ÎÇÊ ¾Û ¸¸µé±â
- ·Î±×ÀÎ ¾Û ¸¸µé±â
- ¼îÇÎÄ«Æ® ¾Û ¸¸µé±â
- ¸ðµÎÀǼ÷¼Ò À¥ ¸¸µé±â
- ¸ðµÎÀÇäÆà ¾Û ¸¸µé±â
ÀÌ Ã¥ÀÇ ¿¹Á¦ ¼Ò½º ÄÚµå, ÀúÀÚ¿¡°Ô Áú¹®ÇÏ´Â ¹æ¹ýÀº ¡°5, 8ÂÊ¡±À» Âü°íÇÏ°í, ÀÌ Ã¥ÀÇ ½Ç½À ³»¿ë °ü·Ã µ¿¿µ»óÀº 6~7ÂÊÀ» Âü°íÇÑ´Ù.
Ç÷¯ÅÍ(Flutter)¿Í Dart ´ÙÆ® ¾ð¾î¸¦ ÀÍÈù ÈÄ 7°¡Áö ¾Û/À¥ UI¸¦ Á÷Á¢ ¸¸µé±â¸¦ ´ÙÀ½°ú °°ÀÌ 3´Ü°è °úÁ¤À¸·Î ÁøÇàµÈ´Ù.
¢º 1´Ü°è : Ç÷¯ÅÍ ÀÌÇØ¿Í ½ÃÀÛÇϱâ
- Ç÷¯ÅÍ, Dart ¾ð¾îÀÇ Æ¯Â¡, ¿£Áø, ¾ÆÅ°ÅØó, Ç÷¯ÅÍ 2.0 ÀÌÇØÇÑ´Ù.
- Flutter SDK ¼³Ä¡, ¾Èµå·ÎÀÌµå ½ºÆ©µð¿À ¼³Á¤°ú Ç÷¯ÅÍ ÇÁ·ÎÁ§Æ® »ý¼º ¹× ½ÇÇà, Hot Reload¸¦ üÇèÇغ»´Ù.
¢º 2´Ü°è : Dart ´ÙÆ® ¹®¹ý ÀÍÈ÷±â
- DartPad »ç¿ë¹ýºÎÅÍ º¯¼ö, ¿¬»êÀÚ, Á¶°Ç¹®, ÇÔ¼ö, Ŭ·¡½º, »ó¼Ó, Mixin, Ãß»ó Ŭ·¡½º, Ä÷º¼Ç, ¹Ýº¹¹®, final°ú const, Null Safety µî Dart ´ÙÆ® ¹®¹ýÀ» ÀÍÈù´Ù.
¢º 3´Ü°è : 7°¡Áö ¾Û/À¥ ¸¸µé±â
´Ù¾çÇÑ ¾Û/À¥À» Á÷Á¢ ¸¸µé¾îº»´Ù.
- ½ºÅä¾î ¾Û ¸¸µé±â
- ·¹½ÃÇÇ ¾Û ¸¸µé±â
- ÇÁ·ÎÇÊ ¾Û ¸¸µé±â
- ·Î±×ÀÎ ¾Û ¸¸µé±â
- ¼îÇÎÄ«Æ® ¾Û ¸¸µé±â
- ¸ðµÎÀǼ÷¼Ò À¥ ¸¸µé±â
- ¸ðµÎÀÇäÆà ¾Û ¸¸µé±â
ÀÌ Ã¥ÀÇ ¿¹Á¦ ¼Ò½º ÄÚµå, ÀúÀÚ¿¡°Ô Áú¹®ÇÏ´Â ¹æ¹ýÀº ¡°5, 8ÂÊ¡±À» Âü°íÇÏ°í, ÀÌ Ã¥ÀÇ ½Ç½À ³»¿ë °ü·Ã µ¿¿µ»óÀº 6~7ÂÊÀ» Âü°íÇÑ´Ù.
ÀúÀÚ: ÃÖÁÖÈ£
Chapter 01 Ç÷¯ÅÍ ÀÌÇØÇϱâ
01_1 Ç÷¯ÅÍ ½ÃÀÛÇϱâ Ç÷¯ÅͶõ?
UI¶õ?
ÇÁ·¹ÀÓ¿öÅ©¶õ?
01_2 Ç÷¯ÅÍÀÇ Æ¯Â¡
01_3 Dart ¾ð¾îÀÇ Æ¯Â¡
01_4 Áö±Ý ´çÀå ¾ÛÀ» ¸¸µé¾î¾ß ÇÑ´Ù¸é?
01_5 Skia ¿£Áø
01_6 AOT¿Í JITÁö¿ø
AOT
JIT
01_7 Swift UI¿Í Android JetPack Compose
01_8 Ç÷¯ÅÍ ¾ÆÅ°ÅØó
01_9 Ç÷¯ÅÍ 2.0
Chapter 02 Flutter SDK ¼³Ä¡Çϱâ
02_1 Flutter SDK ´Ù¿î·Îµå
Flutter SDK ¾ÐÃà ÇØÁ¦ ¹× Æú´õ ¼³Á¤
Flutter ȯ°æº¯¼ö ¼³Á¤
02_2 ¾Èµå·ÎÀÌµå ½ºÆ©µð¿À ¼³Ä¡Çϱâ
¾Èµå·ÎÀÌµå ½ºÆ©µð¿À ´Ù¿î·Îµå
¾Èµå·ÎÀÌµå ½ºÆ©µð¿À ¼³Ä¡Çϱâ
Flutter, Dart Ç÷¯±×ÀÎ ¼³Ä¡
Flutter ÇÁ·ÎÁ§Æ® »ý¼ºÇϱâ
Flutter Doctor
¹öÀü È®ÀÎ Çغ¸±â
02_3 ¾Èµå·ÎÀÌµå ½ºÆ©µð¿À ȯ°æ ¼³Á¤
ÀÚµ¿Á¤·Ä ¼³Á¤
±ÛÀÚ Å©±â ¹× ÆùÆ® ¼³Á¤
02_4 Flutter ¿¡¹Ä·¹ÀÌÅÍ·Î first_app ÇÁ·ÎÁ§Æ® ½ÇÇàÇϱâ
02_5 Hot Reload üÇèÇغ¸±â
Chapter 03 Dart ¹®¹ý ÀÍÈ÷±â
03_1 DartPad »ç¿ëÇغ¸±â
DartPad »çÀÌÆ® Á¢¼ÓÇϱâ
Dart·Î HTML ÄÚµùÇϱâ
Flutter·Î ¾Û ÄÚµùÇϱâ
¼ø¼ö Dart ¾ð¾î ÀÛ¼ºÇϱâ
03_2 Dart º¯¼ö
º¯¼ö
ŸÀÔ È®ÀÎ
ŸÀÔ Ãß·Ð
03_3 ¿¬»êÀÚ ¾Ë¾Æº¸±â
»ê¼ú ¿¬»êÀÚ
ºñ±³ ¿¬»êÀÚ
³í¸® ¿¬»êÀÚ
03_4 Á¶°Ç¹®
If¹®
»ïÇ× ¿¬»êÀÚ
null ´ëü ¿¬»êÀÚ
03_5 ÇÔ¼ö
ÇÔ¼ö
À͸íÇÔ¼ö¿Í ¶÷´Ù½Ä Ŭ·¡½º
03_6 Ŭ·¡½º¶õ?
°´Ã¼(Object)¶õ?
°´Ã¼ ÁöÇâ ÇÁ·Î±×·¡¹Ö
»ý¼ºÀÚ
¼±ÅÃÀû ¸Å°³º¯¼ö
cascade ¿¬»êÀÚ
03_7 »ó¼Ó
´ÙÇü¼º
½´ÆÛ(super) Å°¿öµå
final Å°¿öµå¿Í ÀÌ´Ï¼È ¶óÀÌÀú(:) Å°¿öµå
03_8 Mixin
03_9 Ãß»ó Ŭ·¡½º
Ãß»ó Ŭ·¡½º¶õ?
03_10 Ä÷º¼Ç
List
Map
Set
03_11 ¹Ýº¹¹®
for¹®
map ÇÔ¼ö
½ºÇÁ·¹µå ¿¬»êÀÚ
03_12 final°ú const
03_13 Null Safety
required
Null Safety(?) Àû¿ëÇϱâ
Chapter 04 ½ºÅä¾î ¾Û ¸¸µé±â
04_1 ½ºÅä¾î ¾Û ±¸Á¶º¸±â
È¸é ±¸Á¶º¸±â
MaterialApp vs CupertinoApp
Scaffold
ÇÊ¿äÇÑ À§Á¬ »ìÆ캸±â
Ç÷¯ÅÍ ÇÁ·ÎÁ§Æ® »ý¼ºÇϱâ
04_2 ½ºÅä¾î ¾Û »À´ë ¸¸µé±â
04_3 ½ºÅä¾î ¾Û ¸¸µé¾îº¸±â
±âº» ÄÚµå ÀÛ¼ºÇϱâ
Column À§Á¬
Row À§Á¬
Text À§Á¬
SafeArea À§Á¬
Text À§Á¬ÀÇ Style ¼Ó¼º
Open Flutter Devtools
Spacer À§Á¬
Debug ¹è³Ê ÇØÁ¦
Padding À§Á¬
Image À§Á¬
Expanded À§Á¬ - Column ¹æÇâ
SizedBox À§Á¬
ÀüüÄÚµå
Chapter 05 ·¹½ÃÇÇ ¾Û ¸¸µé±â
05_1 ÇÁ·ÎÇÊ ¾Û ¸¸µé±â ·¹½ÃÇÇ ¾Û ±¸Á¶º¸±â
È¸é ±¸Á¶º¸±â
ÇÊ¿äÇÑ À§Á¬ »ìÆ캸±â
Ç÷ÎÅÍ ÇÁ·ÎÁ§Æ® »ý¼ºÇϱâ
05_2 ·¹½ÃÇÇ ¾Û »À´ë ±¸¼ºÇϱâ
05_3 ·¹½ÃÇÇ ¾Û ¸¸µé¾îº¸±â
±âº» ÄÚµå ÀÛ¼ºÇϱâ
AppBar À§Á¬ÀÇ action ¼Ó¼º¿¡ Icon À§Á¬ Ãß°¡Çϱâ
RecipeTitle Ä¿½ºÅÒ À§Á¬ ¸¸µé±â
Theme¿¡ Font Àû¿ëÇϱâ
Container À§Á¬À» È°¿ëÇÑ RecipeMenu Ä¿½ºÅÒ À§Á¬ ¸¸µé±â
Àç»ç¿ë °¡´ÉÇÑ ·¹½ÃÇÇ ¸®½ºÆ® ¾ÆÀÌÅÛ ¸¸µé±â - Ŭ·¡½º »ý¼ºÀÚ È°¿ë
ListView À§Á¬À» È°¿ëÇÏ¿© ¼¼·Î ½ºÅ©·Ñ ´Þ±â
AspectRatio·Î À̹ÌÁö ºñÀ² Á¤Çϱâ
ClipRRect À§Á¬À¸·Î À̹ÌÁö ¸ð¼¸®¿¡ °î¼± ÁÖ±â
Chapter 06 ÇÁ·ÎÇÊ ¾Û ¸¸µé±â
06_1 ÇÁ·ÎÇÊ ¾Û ±¸Á¶º¸±â
È¸é ±¸Á¶º¸±â
ÇÊ¿äÇÑ À§Á¬ »ìÆ캸±â
Ç÷ÎÅÍ ÇÁ·ÎÁ§Æ® »ý¼ºÇϱâ
Ç÷ÎÅÍ 2.0 ¾÷±×·¹À̵å
Dart 2.12 ¹öÀü Àû¿ëÇϱâ
06_2 ÇÁ·ÎÇÊ ¾Û »À´ë ±¸¼ºÇϱâ
ÇÁ·ÎÁ§Æ® ±¸Á¶ ¼¼ÆÃÇϱâ
±âº» ÄÚµå ÀÛ¼ºÇϱâ
06_3 ÇÁ·ÎÇÊ ¾Û À§Á¬ ±¸¼ºÇϱâ
AppBar À§Á§°ú ScaffoldÀÇ endDrawer ¼Ó¼º È°¿ëÇϱâ
CircleAvatar À§Á¬
Column À§Á¬ÀÇ CrossAxisAligment ¼Ó¼º È°¿ëÇϱâ
Àç»ç¿ë °¡´ÉÇÑ ÇÔ¼ö ¸¸µé±â
InkWell À§Á¬À» »ç¿ëÇÏ¿© ProfileButtons Ŭ·¡½º ¸¸µé±â
TabBar À§Á¬°ú TabBarView À§Á¬ »ç¿ëÇϱâ
GridView À§Á¬°ú Image.network
Chapter 07 ·Î±×ÀÎ ¾Û ¸¸µé±â
07_1 ·Î±×ÀÎ ¾Û ±¸Á¶º¸±â
È¸é ±¸Á¶º¸±â
ÇÊ¿äÇÑ À§Á¬ »ìÆ캸±â
Ç÷¯ÅÍ ÇÁ·ÎÁ§Æ® »ý¼ºÇϱâ
07_2 ·Î±×ÀÎ ¾Û »À´ë ÀÛ¼ºÇϱâ
ÇÁ·ÎÁ§Æ® ±¸Á¶ ¼¼ÆÃÇϱâ
±âº»ÄÚµå ÀÛ¼ºÇϱâ - ȸé À̵¿À» À§ÇÑ Routes
07_3 LoginPage À§Á¬ ±¸¼ºÇϱâ
ListView À§Á¬À¸·Î Àüü ±¸¼ºÇϱâ
SvgPicture ¶óÀ̺귯¸®·Î Logo À§Á¬ ¸¸µé±â
TextFormField À§Á¬ ¸¸µé±â
Form À§Á¬ ¸¸µé±â
Form À§Á¬¿¡ Theme¸¦ Àû¿ëÇÑ TextButton Ãß°¡Çϱâ
Navigator·Î ȸé À̵¿Çϱâ
Form À§Á¬ À¯È¿¼º(validation) °Ë»çÇϱâ
07_4 HomePage À§Á¬ ±¸¼ºÇϱâ
home_page.dart ÄÚµå ¿Ï¼ºÇϱâ
Chapter 08 ¼îÇÎÄ«Æ® ¾Û ¸¸µé±â
08_1 ¼îÇÎÄ«Æ® ¾Û ±¸Á¶º¸±â
È¸é ±¸Á¶º¸±â
ÇÊ¿äÇÑ À§Á¬ »ìÆ캸±â
Ç÷ÎÅÍ ÇÁ·ÎÁ§Æ® »ý¼ºÇϱâ
08_2 Ç÷¯ÅÍ »óÅ °ü¸® StatefulWidget
StatefulWidgetÀ̶õ?
StatefulWidget°ú StatelessWidgetÀÇ Â÷ÀÌ
À§Á¬ Æ®¸®
StatefulWidget ºôµå È帧
BuildContext ºÐ¸®Çϱâ
08_3 ¼îÇÎÄ«Æ® ¾Û »À´ë ÀÛ¼ºÇϱâ
ÇÁ·ÎÁ§Æ® ±¸Á¶ ¼¼ÆÃÇϱâ
±âº» ÄÚµå ÀÛ¼ºÇϱâ
08_4 ¼îÇÎÄ«Æ® ¾Û ¸¸µé¾îº¸±â
AppBar ¸¸µé±â
¼îÇÎÄ«Æ® Çì´õ ¸¸µé±â - setState() ÇÔ¼ö
¼îÇÎÄ«Æ® µðÅ×ÀÏ ¸¸µé±â - Stack À§Á¬°ú Positioned À§Á¬
¼îÇÎÄ«Æ® Çì´õ ¸¸µé±â - CupertinoAlertDialog À§Á¬
Chapter 09 ¸ðµÎÀǼ÷¼Ò À¥ ¸¸µé±â
09_1 ¸ðµÎÀǼ÷¼Ò À¥ ±¸Á¶ »ìÆ캸±â
È¸é ±¸Á¶º¸±â
Ç÷¯ÅÍ ÇÁ·ÎÁ§Æ® »ý¼ºÇϱâ
09_2 ¸ðµÎÀǼ÷¼Ò À¥ »À´ë ±¸¼ºÇϱâ
ÇÁ·ÎÁ§Æ® ±¸Á¶ ¼¼ÆÃÇϱâ
±âº» ÄÚµå ÀÛ¼ºÇϱâ
09_3 ¸ðµÎÀǼ÷¼Ò À¥ ¸¸µé¾îº¸±â
Çì´õ¿¡ AppBar ¸¸µé±â
Çì´õ¿¡ Form¿¡ Ãß°¡ÇÒ CommonFormField ¸¸µé±â
Çì´õ¿¡ Form ¸¸µé±â
¹Ùµð¿¡ Banner ¸¸µé±â
¹Ùµð¿¡ Popular¿¡ Ãß°¡ÇÒ HomeBodyPopularItem ¸¸µé±â
¹Ùµð¿¡ Popular ¿Ï¼ºÇϱâ
MediaQuery¸¦ È°¿ëÇÏ¿© HomeHeaderForm °¡¿îµ¥ Á¤·Ä
¾Èµå·ÎÀÌµå ¿¡¹Ä·¹ÀÌÅÍ·Î ½ÇÇàÇغ¸±â
Chapter 10 ¸ðµÎÀÇäÆà ¾Û UI ¸¸µé±â
10_1 ¾Û »À´ë ¸¸µé±â
Æú´õ ¹× ÆÄÀÏ ¸¸µé±â
pubspec.yaml ÆÄÀÏ ¼³Á¤Çϱâ
main_screen.dart ±âº» ÄÚµå ÀÛ¼º
main.dart ÆÄÀÏ ¿Ï¼ºÇϱâ
10_2 ¸ÞÀÎ È¸é ¸¸µé±â
MainScreen À§Á¬ ±âº» ÄÚµå ÀÛ¼ºÇϱâ
IndexedStackÀÇ ÇÏÀ§ À§Á¬ ¸¸µé±â
MainScreens À§Á¬ ¿Ï¼ºÇϱâ
10_3 Ä£±¸ È¸é ¸¸µé±â
User »ùÇà µ¥ÀÌÅÍ ¸¸µé±â
FriendScreen ±âº» ÄÚµå ÀÔ·ÂÇϱâ
ProfileCard À§Á¬ ¸¸µé±â
FriendScreen ¿Ï¼ºÇϱâ
10_4 ÇÁ·ÎÇÊ È¸é ¸¸µé±â
ProfileScreen »ý¼ºÇϱâ
ProfileCard¿¡ ÅÇ À̺¥Æ® ³Ö±â
¾Û ȸé Àüü¿¡ ¹è°æ ³Ö±â
¾Û¹Ù ¸¸µé±â
If·Î ÇÏ´Ü ¾ÆÀÌÄÜ ÀÛ¼ºÇϱâ
ProfileScreen ¿Ï¼ºÇϱâ
10_5 äÆà ¸®½ºÆ® È¸é ¸¸µé±â
äÆà »ùÇà µ¥ÀÌÅÍ ¸¸µé±â
ChatCard À§Á¬ ¸¸µé±â
ChatScreen ¿Ï¼ºÇϱâ
10_6 äÆÃ È¸é ¸¸µé±â
ChatRoomScreen »ý¼ºÇϱâ
ChatCard¿¡ ÅÇ À̺¥Æ® ³Ö±â
¹è°æ ¹× ¾Û¹Ù ÀÛ¼ºÇϱâ
TimeLine À§Á¬ ÀÛ¼ºÇϱâ
OtherChat À§Á¬ ÀÛ¼ºÇϱâ
MyChat À§Á¬ ÀÛ¼ºÇϱâ
äÆÃÀÔ·Â UI ±¸ÇöÇϱâ
10_7 ´õº¸±â È¸é ¸¸µé±â
ÅÇ »ùÇà µ¥ÀÌÅÍ ¸¸µé±â
MoreScreen ¿Ï¼ºÇϱâ
Appendix À¯Æ©ºê ¹«·á °ÀÇ_Getx¶õ?
01_1 Ç÷¯ÅÍ ½ÃÀÛÇϱâ Ç÷¯ÅͶõ?
UI¶õ?
ÇÁ·¹ÀÓ¿öÅ©¶õ?
01_2 Ç÷¯ÅÍÀÇ Æ¯Â¡
01_3 Dart ¾ð¾îÀÇ Æ¯Â¡
01_4 Áö±Ý ´çÀå ¾ÛÀ» ¸¸µé¾î¾ß ÇÑ´Ù¸é?
01_5 Skia ¿£Áø
01_6 AOT¿Í JITÁö¿ø
AOT
JIT
01_7 Swift UI¿Í Android JetPack Compose
01_8 Ç÷¯ÅÍ ¾ÆÅ°ÅØó
01_9 Ç÷¯ÅÍ 2.0
Chapter 02 Flutter SDK ¼³Ä¡Çϱâ
02_1 Flutter SDK ´Ù¿î·Îµå
Flutter SDK ¾ÐÃà ÇØÁ¦ ¹× Æú´õ ¼³Á¤
Flutter ȯ°æº¯¼ö ¼³Á¤
02_2 ¾Èµå·ÎÀÌµå ½ºÆ©µð¿À ¼³Ä¡Çϱâ
¾Èµå·ÎÀÌµå ½ºÆ©µð¿À ´Ù¿î·Îµå
¾Èµå·ÎÀÌµå ½ºÆ©µð¿À ¼³Ä¡Çϱâ
Flutter, Dart Ç÷¯±×ÀÎ ¼³Ä¡
Flutter ÇÁ·ÎÁ§Æ® »ý¼ºÇϱâ
Flutter Doctor
¹öÀü È®ÀÎ Çغ¸±â
02_3 ¾Èµå·ÎÀÌµå ½ºÆ©µð¿À ȯ°æ ¼³Á¤
ÀÚµ¿Á¤·Ä ¼³Á¤
±ÛÀÚ Å©±â ¹× ÆùÆ® ¼³Á¤
02_4 Flutter ¿¡¹Ä·¹ÀÌÅÍ·Î first_app ÇÁ·ÎÁ§Æ® ½ÇÇàÇϱâ
02_5 Hot Reload üÇèÇغ¸±â
Chapter 03 Dart ¹®¹ý ÀÍÈ÷±â
03_1 DartPad »ç¿ëÇغ¸±â
DartPad »çÀÌÆ® Á¢¼ÓÇϱâ
Dart·Î HTML ÄÚµùÇϱâ
Flutter·Î ¾Û ÄÚµùÇϱâ
¼ø¼ö Dart ¾ð¾î ÀÛ¼ºÇϱâ
03_2 Dart º¯¼ö
º¯¼ö
ŸÀÔ È®ÀÎ
ŸÀÔ Ãß·Ð
03_3 ¿¬»êÀÚ ¾Ë¾Æº¸±â
»ê¼ú ¿¬»êÀÚ
ºñ±³ ¿¬»êÀÚ
³í¸® ¿¬»êÀÚ
03_4 Á¶°Ç¹®
If¹®
»ïÇ× ¿¬»êÀÚ
null ´ëü ¿¬»êÀÚ
03_5 ÇÔ¼ö
ÇÔ¼ö
À͸íÇÔ¼ö¿Í ¶÷´Ù½Ä Ŭ·¡½º
03_6 Ŭ·¡½º¶õ?
°´Ã¼(Object)¶õ?
°´Ã¼ ÁöÇâ ÇÁ·Î±×·¡¹Ö
»ý¼ºÀÚ
¼±ÅÃÀû ¸Å°³º¯¼ö
cascade ¿¬»êÀÚ
03_7 »ó¼Ó
´ÙÇü¼º
½´ÆÛ(super) Å°¿öµå
final Å°¿öµå¿Í ÀÌ´Ï¼È ¶óÀÌÀú(:) Å°¿öµå
03_8 Mixin
03_9 Ãß»ó Ŭ·¡½º
Ãß»ó Ŭ·¡½º¶õ?
03_10 Ä÷º¼Ç
List
Map
Set
03_11 ¹Ýº¹¹®
for¹®
map ÇÔ¼ö
½ºÇÁ·¹µå ¿¬»êÀÚ
03_12 final°ú const
03_13 Null Safety
required
Null Safety(?) Àû¿ëÇϱâ
Chapter 04 ½ºÅä¾î ¾Û ¸¸µé±â
04_1 ½ºÅä¾î ¾Û ±¸Á¶º¸±â
È¸é ±¸Á¶º¸±â
MaterialApp vs CupertinoApp
Scaffold
ÇÊ¿äÇÑ À§Á¬ »ìÆ캸±â
Ç÷¯ÅÍ ÇÁ·ÎÁ§Æ® »ý¼ºÇϱâ
04_2 ½ºÅä¾î ¾Û »À´ë ¸¸µé±â
04_3 ½ºÅä¾î ¾Û ¸¸µé¾îº¸±â
±âº» ÄÚµå ÀÛ¼ºÇϱâ
Column À§Á¬
Row À§Á¬
Text À§Á¬
SafeArea À§Á¬
Text À§Á¬ÀÇ Style ¼Ó¼º
Open Flutter Devtools
Spacer À§Á¬
Debug ¹è³Ê ÇØÁ¦
Padding À§Á¬
Image À§Á¬
Expanded À§Á¬ - Column ¹æÇâ
SizedBox À§Á¬
ÀüüÄÚµå
Chapter 05 ·¹½ÃÇÇ ¾Û ¸¸µé±â
05_1 ÇÁ·ÎÇÊ ¾Û ¸¸µé±â ·¹½ÃÇÇ ¾Û ±¸Á¶º¸±â
È¸é ±¸Á¶º¸±â
ÇÊ¿äÇÑ À§Á¬ »ìÆ캸±â
Ç÷ÎÅÍ ÇÁ·ÎÁ§Æ® »ý¼ºÇϱâ
05_2 ·¹½ÃÇÇ ¾Û »À´ë ±¸¼ºÇϱâ
05_3 ·¹½ÃÇÇ ¾Û ¸¸µé¾îº¸±â
±âº» ÄÚµå ÀÛ¼ºÇϱâ
AppBar À§Á¬ÀÇ action ¼Ó¼º¿¡ Icon À§Á¬ Ãß°¡Çϱâ
RecipeTitle Ä¿½ºÅÒ À§Á¬ ¸¸µé±â
Theme¿¡ Font Àû¿ëÇϱâ
Container À§Á¬À» È°¿ëÇÑ RecipeMenu Ä¿½ºÅÒ À§Á¬ ¸¸µé±â
Àç»ç¿ë °¡´ÉÇÑ ·¹½ÃÇÇ ¸®½ºÆ® ¾ÆÀÌÅÛ ¸¸µé±â - Ŭ·¡½º »ý¼ºÀÚ È°¿ë
ListView À§Á¬À» È°¿ëÇÏ¿© ¼¼·Î ½ºÅ©·Ñ ´Þ±â
AspectRatio·Î À̹ÌÁö ºñÀ² Á¤Çϱâ
ClipRRect À§Á¬À¸·Î À̹ÌÁö ¸ð¼¸®¿¡ °î¼± ÁÖ±â
Chapter 06 ÇÁ·ÎÇÊ ¾Û ¸¸µé±â
06_1 ÇÁ·ÎÇÊ ¾Û ±¸Á¶º¸±â
È¸é ±¸Á¶º¸±â
ÇÊ¿äÇÑ À§Á¬ »ìÆ캸±â
Ç÷ÎÅÍ ÇÁ·ÎÁ§Æ® »ý¼ºÇϱâ
Ç÷ÎÅÍ 2.0 ¾÷±×·¹À̵å
Dart 2.12 ¹öÀü Àû¿ëÇϱâ
06_2 ÇÁ·ÎÇÊ ¾Û »À´ë ±¸¼ºÇϱâ
ÇÁ·ÎÁ§Æ® ±¸Á¶ ¼¼ÆÃÇϱâ
±âº» ÄÚµå ÀÛ¼ºÇϱâ
06_3 ÇÁ·ÎÇÊ ¾Û À§Á¬ ±¸¼ºÇϱâ
AppBar À§Á§°ú ScaffoldÀÇ endDrawer ¼Ó¼º È°¿ëÇϱâ
CircleAvatar À§Á¬
Column À§Á¬ÀÇ CrossAxisAligment ¼Ó¼º È°¿ëÇϱâ
Àç»ç¿ë °¡´ÉÇÑ ÇÔ¼ö ¸¸µé±â
InkWell À§Á¬À» »ç¿ëÇÏ¿© ProfileButtons Ŭ·¡½º ¸¸µé±â
TabBar À§Á¬°ú TabBarView À§Á¬ »ç¿ëÇϱâ
GridView À§Á¬°ú Image.network
Chapter 07 ·Î±×ÀÎ ¾Û ¸¸µé±â
07_1 ·Î±×ÀÎ ¾Û ±¸Á¶º¸±â
È¸é ±¸Á¶º¸±â
ÇÊ¿äÇÑ À§Á¬ »ìÆ캸±â
Ç÷¯ÅÍ ÇÁ·ÎÁ§Æ® »ý¼ºÇϱâ
07_2 ·Î±×ÀÎ ¾Û »À´ë ÀÛ¼ºÇϱâ
ÇÁ·ÎÁ§Æ® ±¸Á¶ ¼¼ÆÃÇϱâ
±âº»ÄÚµå ÀÛ¼ºÇϱâ - ȸé À̵¿À» À§ÇÑ Routes
07_3 LoginPage À§Á¬ ±¸¼ºÇϱâ
ListView À§Á¬À¸·Î Àüü ±¸¼ºÇϱâ
SvgPicture ¶óÀ̺귯¸®·Î Logo À§Á¬ ¸¸µé±â
TextFormField À§Á¬ ¸¸µé±â
Form À§Á¬ ¸¸µé±â
Form À§Á¬¿¡ Theme¸¦ Àû¿ëÇÑ TextButton Ãß°¡Çϱâ
Navigator·Î ȸé À̵¿Çϱâ
Form À§Á¬ À¯È¿¼º(validation) °Ë»çÇϱâ
07_4 HomePage À§Á¬ ±¸¼ºÇϱâ
home_page.dart ÄÚµå ¿Ï¼ºÇϱâ
Chapter 08 ¼îÇÎÄ«Æ® ¾Û ¸¸µé±â
08_1 ¼îÇÎÄ«Æ® ¾Û ±¸Á¶º¸±â
È¸é ±¸Á¶º¸±â
ÇÊ¿äÇÑ À§Á¬ »ìÆ캸±â
Ç÷ÎÅÍ ÇÁ·ÎÁ§Æ® »ý¼ºÇϱâ
08_2 Ç÷¯ÅÍ »óÅ °ü¸® StatefulWidget
StatefulWidgetÀ̶õ?
StatefulWidget°ú StatelessWidgetÀÇ Â÷ÀÌ
À§Á¬ Æ®¸®
StatefulWidget ºôµå È帧
BuildContext ºÐ¸®Çϱâ
08_3 ¼îÇÎÄ«Æ® ¾Û »À´ë ÀÛ¼ºÇϱâ
ÇÁ·ÎÁ§Æ® ±¸Á¶ ¼¼ÆÃÇϱâ
±âº» ÄÚµå ÀÛ¼ºÇϱâ
08_4 ¼îÇÎÄ«Æ® ¾Û ¸¸µé¾îº¸±â
AppBar ¸¸µé±â
¼îÇÎÄ«Æ® Çì´õ ¸¸µé±â - setState() ÇÔ¼ö
¼îÇÎÄ«Æ® µðÅ×ÀÏ ¸¸µé±â - Stack À§Á¬°ú Positioned À§Á¬
¼îÇÎÄ«Æ® Çì´õ ¸¸µé±â - CupertinoAlertDialog À§Á¬
Chapter 09 ¸ðµÎÀǼ÷¼Ò À¥ ¸¸µé±â
09_1 ¸ðµÎÀǼ÷¼Ò À¥ ±¸Á¶ »ìÆ캸±â
È¸é ±¸Á¶º¸±â
Ç÷¯ÅÍ ÇÁ·ÎÁ§Æ® »ý¼ºÇϱâ
09_2 ¸ðµÎÀǼ÷¼Ò À¥ »À´ë ±¸¼ºÇϱâ
ÇÁ·ÎÁ§Æ® ±¸Á¶ ¼¼ÆÃÇϱâ
±âº» ÄÚµå ÀÛ¼ºÇϱâ
09_3 ¸ðµÎÀǼ÷¼Ò À¥ ¸¸µé¾îº¸±â
Çì´õ¿¡ AppBar ¸¸µé±â
Çì´õ¿¡ Form¿¡ Ãß°¡ÇÒ CommonFormField ¸¸µé±â
Çì´õ¿¡ Form ¸¸µé±â
¹Ùµð¿¡ Banner ¸¸µé±â
¹Ùµð¿¡ Popular¿¡ Ãß°¡ÇÒ HomeBodyPopularItem ¸¸µé±â
¹Ùµð¿¡ Popular ¿Ï¼ºÇϱâ
MediaQuery¸¦ È°¿ëÇÏ¿© HomeHeaderForm °¡¿îµ¥ Á¤·Ä
¾Èµå·ÎÀÌµå ¿¡¹Ä·¹ÀÌÅÍ·Î ½ÇÇàÇغ¸±â
Chapter 10 ¸ðµÎÀÇäÆà ¾Û UI ¸¸µé±â
10_1 ¾Û »À´ë ¸¸µé±â
Æú´õ ¹× ÆÄÀÏ ¸¸µé±â
pubspec.yaml ÆÄÀÏ ¼³Á¤Çϱâ
main_screen.dart ±âº» ÄÚµå ÀÛ¼º
main.dart ÆÄÀÏ ¿Ï¼ºÇϱâ
10_2 ¸ÞÀÎ È¸é ¸¸µé±â
MainScreen À§Á¬ ±âº» ÄÚµå ÀÛ¼ºÇϱâ
IndexedStackÀÇ ÇÏÀ§ À§Á¬ ¸¸µé±â
MainScreens À§Á¬ ¿Ï¼ºÇϱâ
10_3 Ä£±¸ È¸é ¸¸µé±â
User »ùÇà µ¥ÀÌÅÍ ¸¸µé±â
FriendScreen ±âº» ÄÚµå ÀÔ·ÂÇϱâ
ProfileCard À§Á¬ ¸¸µé±â
FriendScreen ¿Ï¼ºÇϱâ
10_4 ÇÁ·ÎÇÊ È¸é ¸¸µé±â
ProfileScreen »ý¼ºÇϱâ
ProfileCard¿¡ ÅÇ À̺¥Æ® ³Ö±â
¾Û ȸé Àüü¿¡ ¹è°æ ³Ö±â
¾Û¹Ù ¸¸µé±â
If·Î ÇÏ´Ü ¾ÆÀÌÄÜ ÀÛ¼ºÇϱâ
ProfileScreen ¿Ï¼ºÇϱâ
10_5 äÆà ¸®½ºÆ® È¸é ¸¸µé±â
äÆà »ùÇà µ¥ÀÌÅÍ ¸¸µé±â
ChatCard À§Á¬ ¸¸µé±â
ChatScreen ¿Ï¼ºÇϱâ
10_6 äÆÃ È¸é ¸¸µé±â
ChatRoomScreen »ý¼ºÇϱâ
ChatCard¿¡ ÅÇ À̺¥Æ® ³Ö±â
¹è°æ ¹× ¾Û¹Ù ÀÛ¼ºÇϱâ
TimeLine À§Á¬ ÀÛ¼ºÇϱâ
OtherChat À§Á¬ ÀÛ¼ºÇϱâ
MyChat À§Á¬ ÀÛ¼ºÇϱâ
äÆÃÀÔ·Â UI ±¸ÇöÇϱâ
10_7 ´õº¸±â È¸é ¸¸µé±â
ÅÇ »ùÇà µ¥ÀÌÅÍ ¸¸µé±â
MoreScreen ¿Ï¼ºÇϱâ
Appendix À¯Æ©ºê ¹«·á °ÀÇ_Getx¶õ?