Flutter

    Dart / 1ํƒ„ : Dart์˜ ์ค‘์š”ํ•œ ๊ฐœ๋…

    Dart / 1ํƒ„ : Dart์˜ ์ค‘์š”ํ•œ ๊ฐœ๋…

    ์˜ค๋Š˜์€ ์ œ๊ฐ€ ๊ณต์‹๋ฌธ์„œ๋ฅผ ํ†ตํ•ด ๊ณต๋ถ€ํ•œ Dart ์–ธ์–ด๋ฅผ ๊ณต๋ถ€ํ• ๋•Œ ์ค‘์š”ํ•œ ๊ฐœ๋…๋“ค์„ ์„ค๋ช…ํ•˜๊ณ ์ž ํ•ฉ๋‹ˆ๋‹ค. ์ง€๊ธˆ๋ถ€ํ„ฐ ์‹œ์ž‘ํ•˜๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค :) ๋ชฉ์ฐจ Dart์˜ ์ค‘์š”ํ•œ ๊ฐœ๋… ๋งˆ์น˜๋ฉด์„œ Dart์˜ ์ค‘์š”ํ•œ ๊ฐœ๋… 1. ๋ณ€์ˆ˜์— ๋ฐฐ์น˜ํ•  ์ˆ˜ ์žˆ๋Š” ๋ชจ๋“  ๊ฒƒ์€ ๊ฐ์ฒด์ด๋‹ค. Dart์—์„œ ๋ณ€์ˆ˜์—์„œ ๋ฐฐ์น˜ํ•  ์ˆ˜ ์žˆ๋Š” ๊ฒƒ์€ ๋ชจ๋‘ ๊ฐ์ฒด์ž…๋‹ˆ๋‹ค. ์‹ฌ์ง€์–ด ์ˆซ์ž(int), ํ•จ์ˆ˜, null ๊ณผ ๊ฐ™์€ ๊ฒƒ ๋“ค๋„ ์‹ฌ์ง€์–ด Dart์—์„œ๋Š” ๊ฐ์ฒด๋กœ ์ทจ๊ธ‰ํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๋ฆฌ๊ณ  JAVA์™€ ๊ฐ™์ด ๋ชจ๋“  ๊ฐ์ฒด๋Š” Object ํด๋ž˜์Šค๋ฅผ ์ƒ์†๋ฐ›์Šต๋‹ˆ๋‹ค. ์—ฌ๊ธฐ์—์„œ ์ค‘์š”ํ•œ ๊ฒƒ์€ ํ•จ์ˆ˜๋„ ๊ฐ์ฒด๋กœ ๋ฐ›์•„๋“ค์ธ๋‹ค๋Š” ๊ฒƒ ์ž…๋‹ˆ๋‹ค. ์ด ๋œป์€ ํ•จ์ˆ˜๋ฅผ ํ•จ์ˆ˜์˜ ์ธ์ž๊ฐ’์œผ๋กœ ๋„˜๊ธธ ์ˆ˜ ๋„ ์žˆ๋‹ค๋Š” ๊ฒƒ ์ž…๋‹ˆ๋‹ค. ์ด๋Ÿฐ ํ•จ์ˆ˜๋ฅผ 1๊ธ‰ ํ•จ์ˆ˜๋ผ๊ณ  ๋ถ€๋ฆ…๋‹ˆ๋‹ค. Dart์—์„œ๋Š” ํ•จ์ˆ˜๋ฅผ 1๊ธ‰ํ•จ์ˆ˜๋กœ ์ทจ๊ธ‰ํ•ฉ๋‹ˆ๋‹ค. ์•„๋ž˜๋Š” 1๊ธ‰ํ•จ์ˆ˜์— ๋Œ€ํ•œ ์˜ˆ์‹œ์ž…..

    Flutter / 3ํƒ„ : Flutter์˜ UI์— ๊ด€ํ•˜์—ฌ

    Flutter / 3ํƒ„ : Flutter์˜ UI์— ๊ด€ํ•˜์—ฌ

    ์ด๋ฒˆ์—๋Š” Flutter์˜ UI์— ๊ด€ํ•˜์—ฌ ๊ณต๋ถ€๋ฅผ ํ•˜์˜€์Šต๋‹ˆ๋‹ค. ๋งŒ์•ฝ Flutter๊ฐ€ ๋ฌด์—‡์ธ์ง€ ์ž˜ ๋ชจ๋ฅด์‹œ๋Š” ๋ถ„๋“ค์€ ์•„๋ž˜์˜ ๊ธ€์„ ๋จผ์ € ์ฝ๊ณ  ์™€์ฃผ์‹œ๊ธธ ๋ฐ”๋ž๋‹ˆ๋‹ค. Flutter / 2ํƒ„ : Flutter ํŠน์ง•๊ณผ ์žฅ๋‹จ์  Flutter / 2ํƒ„ : Flutter ํŠน์ง•๊ณผ ์žฅ๋‹จ์  ์ด๋ฒˆ์—๋Š” Flutter์˜ ํŠน์ง•๊ณผ ์žฅ๋‹จ์ ์— ๋Œ€ํ•ด์„œ ๊ณต๋ถ€๋ฅผ ํ•˜์˜€๊ณ  ์—ฌ๋Ÿฌ๋ถ„๋“ค๊ณผ ๊ณต์œ ํ•˜๊ณ ์ž ํ•ฉ๋‹ˆ๋‹ค. medium.com ๋ชฉ์ฐจ ๋ชจ๋“  ๊ฒƒ์ด Widget ์„ ์–ธ์  UI ๋ฐฉ์‹ Stateless, Stateful Widget ํ™”๋ฉด ์ „ํ™˜ (Navigator์™€ Route) Stateful Widget์˜ Lifecycle (์ƒ๋ช…์ฃผ๊ธฐ) ๋ ˆ์ด์•„์›ƒ ๋ฐฐ์น˜ ๋ฐฉ๋ฒ• ๋งˆ์น˜๋ฉด์„œ ๋ชจ๋“  ๊ฒƒ์ด Widget Flutter์—์„œ UI ์„ ์–ธ ๋ฐ ๊ตฌ์„ฑ๋ฐฉ์‹๊ณผ ๊ด€๋ จ๋œ ๋ชจ๋“  ๊ฒƒ์€ ์œ„์ ฏ์œผ๋กœ ์ด๋ฃจ์–ด์ ธ ์žˆ์Šต๋‹ˆ..

    Flutter / 2ํƒ„ : Flutter ํŠน์ง•๊ณผ ์žฅ๋‹จ์ 

    Flutter / 2ํƒ„ : Flutter ํŠน์ง•๊ณผ ์žฅ๋‹จ์ 

    ์ด๋ฒˆ์—๋Š” Flutter์˜ ํŠน์ง•๊ณผ ์žฅ๋‹จ์ ์— ๋Œ€ํ•ด์„œ ๊ณต๋ถ€๋ฅผ ํ•˜์˜€๊ณ  ์—ฌ๋Ÿฌ๋ถ„๋“ค๊ณผ ๊ณต์œ ํ•˜๊ณ ์ž ํ•ฉ๋‹ˆ๋‹ค. Flutter์— ๋Œ€ํ•ด์„œ ๊ณต๋ถ€๋ฅผ ํ•ด๋ณด๋‹ˆ ์žฅ์ ๋„ ์ถฉ๋ถ„ํžˆ ๋งค๋ ฅ์ ์ด์ง€๋งŒ ๋‹จ์ ๋„ ๋ช…ํ™•ํ–ˆ๋Š”๋ฐ์š”. ์•ž์œผ๋กœ Google์ด ์–ด๋–ป๊ฒŒ ์ด๋Ÿฐ ๋‹จ์ ์„ ๊ทน๋ณตํ•ด๋‚˜๊ฐ€๊ณ  ์žฅ์ ์„ ๊ทน๋Œ€ํ™”์‹œ์ผœ๋‚˜๊ฐˆ์ง€ ๊ถ๊ธˆํ•ฉ๋‹ˆ๋‹ค. ๋งŒ์•ฝ ์ด ๊ธ€์„ ์ฝ๊ณ  Flutter๋ฅผ ๊ณต๋ถ€ํ•ด๋ณด์‹ค ๋งˆ์Œ์ด ์ƒ๊ธฐ์…จ๋‹ค๋ฉด. ์•„๋ž˜์˜ ๊ธ€์„ ํ†ตํ•ด Flutter๋ฅผ์„ค์น˜ํ•ด๋ณด์„ธ์š”! Flutter / 1ํƒ„ : Flutter ์‹œ์ž‘, ์„ค์น˜ํ•˜๊ธฐ Flutter / 1ํƒ„ : Flutter ์‹œ์ž‘, ์„ค์น˜ํ•˜๊ธฐ (Window, Android Studio) ๊ฐœ๋ฐœ์„ ํ•˜๋‹ค๋ณด๋‹ˆ ํ•˜๋‚˜์˜ ์ฝ”๋“œ๋กœ ์—ฌ๋Ÿฌ ํ”Œ๋žซํผ (Android, IOS, Web)์„ ๊ฐœ๋ฐœํ•  ์ˆ˜ ์žˆ๋Š” Flutter์— ํฅ๋ฏธ๊ฐ€ ์ƒ๊ธฐ๊ฒŒ ๋์Šต๋‹ˆ๋‹ค. medium.com ๋ชฉ์ฐจ 1. Fl..

    Flutter / 1ํƒ„ : Flutter ์‹œ์ž‘, ์„ค์น˜ํ•˜๊ธฐ (Window, Android Studio)

    Flutter / 1ํƒ„ : Flutter ์‹œ์ž‘, ์„ค์น˜ํ•˜๊ธฐ (Window, Android Studio)

    ๊ฐœ๋ฐœ์„ ํ•˜๋‹ค๋ณด๋‹ˆ ํ•˜๋‚˜์˜ ์ฝ”๋“œ๋กœ ์—ฌ๋Ÿฌ ํ”Œ๋žซํผ (Android, IOS, Web)์„ ๊ฐœ๋ฐœํ•  ์ˆ˜ ์žˆ๋Š” Flutter์— ํฅ๋ฏธ๊ฐ€ ์ƒ๊ธฐ๊ฒŒ ๋์Šต๋‹ˆ๋‹ค. ๊ทธ๋ž˜์„œ ๊ณต๋ถ€๋ฅผ ์‹œ์ž‘ํ•˜๊ฒŒ ๋˜์—ˆ๋Š”๋ฐ ๊ทธ ๊ธฐ๋ก์„ ์—ฌ๋Ÿฌ๋ถ„๋“ค๊ณผ ๊ณต์œ ํ•˜๊ณ ์ž ํ•ฉ๋‹ˆ๋‹ค. ์˜ค๋Š˜์€ ๊ทธ 1ํŽธ “Flutter ์‹œ์ž‘ํ•˜๊ธฐ”์ž…๋‹ˆ๋‹ค. ๋ชฉ์ฐจ Flutter ๋ž€? Flutter SDK์„ค์น˜ Android Studio๋กœ Flutter ์˜ˆ์ œ์•ฑ ์‹คํ–‰์‹œํ‚ค๊ธฐ Flutter๋ž€? ํŠน์ง•๊ณผ ์žฅ๋‹จ์ ๋“ฑ์€ ๋‹ค์Œ ํฌ์ŠคํŠธ๋•Œ ์–˜๊ธฐํ•˜๋„๋ก ํ•˜๊ณ  ์˜ค๋Š˜์€ ๊ฐ€๋ณ๊ฒŒ ๊ฐœ์š”์ •๋„๋งŒ ํ›์–ด๋ณด๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. Flutter๋Š” Google์—์„œ ๊ฐœ๋ฐœํ•œ open-source software developement kit (SDK) ์ž…๋‹ˆ๋‹ค. ๋งŽ์ด ์•„์‹œ๋‹ค์‹œํ”ผ IOS, Android๋ฅผ ๋™์‹œ์— ๊ฐœ๋ฐœํ•  ์ˆ˜ ์žˆ๋Š” ํ”„๋ ˆ์ž„์›Œํฌ์ด๋ฉฐ ์ตœ๊ทผ(1๋…„์ „?)์—๋Š” ..