Flutter

    Flutter ๊ธฐ์ดˆ - 1ํƒ„ : Flutter ์˜ ๊ณผ๊ฑฐ, ํ˜„์žฌ, ๋ฏธ๋ž˜

    Flutter ๊ธฐ์ดˆ - 1ํƒ„ : Flutter ์˜ ๊ณผ๊ฑฐ, ํ˜„์žฌ, ๋ฏธ๋ž˜

    ๊ธฐ์ดˆ๊ฐ€ ์™œ ์ค‘์š”ํ• ๊นŒ์š”? ์ €๋Š” ์ธ๊ฐ„์˜ ๋ถˆ์™„์ „ํ•œ ๊ธฐ์–ต๋ ฅ์ด ๊ทธ ์ด์œ ๋ผ๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค. ์šฐ๋ฆฌ๊ฐ€ ์•„๋ฌด๋ฆฌ ๋˜‘๋˜‘ํ•ด๋„ ๋ชจ๋“  ๊ฒƒ์„ ๊ธฐ์–ตํ•  ์ˆ˜๋Š” ์—†์Šต๋‹ˆ๋‹ค. ๋˜ํ•œ ์ˆ˜ ๋งŽ์€ ์ •๋ณด๋ฅผ ์ „๋ถ€ ๊ธฐ์–ตํ•˜๋Š” ๊ฒƒ์€ ๋น„ํšจ์œจ์ ์ด๊ธฐ๋„ ํ•˜์ฃ . ์ธ๊ฐ„์€ ๊ฒฝํ—˜๊ณผ ์ง€์‹ ์ฆ‰ ๊ธฐ์–ต์„ ๋ฐ”ํƒ•์œผ๋กœ ์ƒ๊ฐํ•˜๊ณ  ํ–‰๋™ํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๋ ‡๊ธฐ์— ์šฐ๋ฆฌ๋Š” ๊ณต๋ถ€ํ•˜๊ณ  ์—ฐ์Šตํ•˜๋Š”๊ฑฐ์ฃ . ์ˆ˜ ๋งŽ์€ ํ•ญ๋ชฉ ์ค‘์— ๋ฌด์—‡์„ ๊ธฐ์–ตํ•ด์•ผ ํ• ๊นŒ์š”? ๊ธฐ์ดˆ๊ฐ€ ์ด์— ๋Œ€ํ•œ ๋‹ต์ด๋ผ๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค. ์ œ๊ฐ€ ์ƒ๊ฐํ•˜๋Š” ๊ธฐ์ดˆ๋Š” "๊ฐ€์žฅ ๋จผ์ € ๊ธฐ์–ตํ•ด์•ผํ•˜๊ณ  ์ตํ˜€์•ผํ•˜๋Š” ๋Œ€์ƒ" ์ž…๋‹ˆ๋‹ค. ์ €๋Š” ์ด๋ฒˆ ์‹œ๋ฆฌ์ฆˆ๋ฅผ ์ง„ํ–‰ํ•˜๋ฉด์„œ flutter ๋ฅผ ๊ณต๋ถ€ํ• ๋•Œ ๊ฐ€์žฅ ๋จผ์ € ๊ธฐ์–ตํ•ด์•ผ ํ•  ๋‚ด์šฉ์„ ์ •๋ฆฌํ•  ๊ฒƒ ์ž…๋‹ˆ๋‹ค. ์˜ค๋Š˜์˜ ์ฃผ์ œ๋Š” "Flutter์˜ ๊ณผ๊ฑฐ, ํ˜„์žฌ, ๋ฏธ๋ž˜" ์ฆ‰ Flutter์˜ ์—ญ์‚ฌ ์ž…๋‹ˆ๋‹ค. ์ด๋ฒˆ๊ธ€์€ ์•„๋ž˜์˜ ์ž๋ฃŒ๋ฅผ ์ฐธ๊ณ ํ•˜์—ฌ ์ž‘์„ฑ๋์Šต๋‹ˆ๋‹ค. [๋ฒˆ์—ญ] Flu..

    Flutter Web 1ํƒ„ : ๊ตฌ๊ธ€ ์ฝ”๋“œ๋žฉ ๊ตฌํ˜„

    Flutter Web 1ํƒ„ : ๊ตฌ๊ธ€ ์ฝ”๋“œ๋žฉ ๊ตฌํ˜„

    Flutter 2.0 ์ด ์ถœ์‹œ๋จ์— ๋”ฐ๋ผ. Web ๊ฐœ๋ฐœ ๋˜ํ•œ ์ •์‹์œผ๋กœ ๊ฐ€๋Šฅํ•ด์กŒ์Šต๋‹ˆ๋‹ค. ์˜ค๋Š˜์€ Flutter ๋กœ Web ๊ฐœ๋ฐœ์„ ์–ด๋–ป๊ฒŒ ํ•˜๋Š”์ง€ ์•Œ์•„๋ณด๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. ์ด๋ฒˆ ๊ธ€์€ ์•„๋ž˜์˜ ์ž๋ฃŒ๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ์ž‘์„ฑ๋์Šต๋‹ˆ๋‹ค. Write your first Flutter app on the web ์ด ๊ธ€์—์„œ ์•Œ์•„๋ณผ ๋‚ด์šฉ ๊ฐ„๋‹จํ•œ ์‹คํ–‰ ์ฝ”๋“œ๋žฉ ๊ฐœ์š” ์ฝ”๋“œ๋žฉ ๊ตฌํ˜„ ๊ตฌํ˜„ ์ค‘ ๋Š๋‚€ ์  ๊ฐ„๋‹จํ•œ ์‹คํ–‰ ๋“ค์–ด๊ฐ€๊ธฐ ์•ž์„œ Web์œผ๋กœ ํ•œ๋ฒˆ ์‹คํ–‰์‹œ์ผœ ๋ณด๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. ์ž‘๋™ ์ฝ”๋“œ๋Š” ์ƒˆ ํ”„๋กœ์ ํŠธ ์ƒ์„ฑ์‹œ ์žˆ๋Š” ์นด์šดํŠธ ํ”„๋กœ๊ทธ๋žจ์ž…๋‹ˆ๋‹ค. ๊ฐ„๋‹จํžˆ ์‹คํ–‰์‹œ์ผœ๋ณด๋‹ˆ ์•ฑ๊ฐœ๋ฐœ๊ณผ ํฌ๊ฒŒ ๋‹ค๋ฅธ๊ฒŒ ์—†๋Š” ๋Š๋‚Œ์ž…๋‹ˆ๋‹ค. ๋ฌผ๋ก  UI ๋ฐฐ์น˜๋Š” Web ํ™”๋ฉด์— ๋งž๊ฒŒ ์ˆ˜์ •ํ•ด์•ผ๊ฒ ์ง€๋งŒ. ๊ทธ ์™ธ์—๋Š” ๊ทธ๋ƒฅ ์•ฑ๊ฐœ๋ฐœ๊ณผ ๋˜‘๊ฐ™์€ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. ์ฝ”๋“œ๋žฉ ๊ฐœ์š” ํ•ด๋‹น ์ฝ”๋“œ๋žฉ์€ ์ •๋ง ๊ฐ„๋‹จํ•ฉ๋‹ˆ๋‹ค. ํšŒ์›๊ฐ€์ž…์„ ํ•˜๊ณ  ..

    Flutter Null Safety๋ฅผ ์‚ฌ์šฉํ•ด์•ผ ํ•˜๋Š” ์ด์œ 

    Flutter Null Safety๋ฅผ ์‚ฌ์šฉํ•ด์•ผ ํ•˜๋Š” ์ด์œ 

    Flutter 2.0 ์ถœ์‹œ ์ดํ›„ null safety ๊ฐ€ ์ •์‹ ๋ฐฐํฌ๊ฐ€ ๋์Šต๋‹ˆ๋‹ค. ์ด๋ฒˆ ๊ธ€์—์„œ๋Š” ๊ทธ์— ๋Œ€ํ•ด ์•Œ์•„๋ณด๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. ์ด๋ฒˆ ๊ธ€์€ ์•„๋ž˜์˜ ์ž๋ฃŒ๋“ค์„ ๋ฐ”ํƒ•์œผ๋กœ ์ž‘์„ฑ๋์Šต๋‹ˆ๋‹ค. Why null safety (youtube) Null safety (flutter official docs) ์ด ๊ธ€์—์„œ ์•Œ์•„๋ณผ ๋‚ด์šฉ Null safety ๋ž€ ๋ฌด์—‡์ธ๊ฐ€? Null safety ๊ทœ์น™ Null safety ๋ž€ ๋ฌด์—‡์ธ๊ฐ€? NullException ํ”„๋กœ๊ทธ๋ž˜๋จธ๊ฐ€ ๊ฐ€์žฅ ์‹ซ์–ดํ•˜๋Š” Exception ์ด๋ผ๊ณ  ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ํ”„๋กœ๊ทธ๋žจ์˜ ํ•œ ๊ตฌ๊ฐ„์ด Null ์ธ ๊ฒฝ์šฐ ๋ฐœ์ƒ๋˜๋Š”๋ฐ์š”. ํ”„๋กœ๊ทธ๋žจ์˜ ๊ทœ๋ชจ๊ฐ€ ํฌ๋ฉด ํด์ˆ˜๋ก, ๊ทธ๋ฆฌ๊ณ  ๋ณต์žกํ•˜๋ฉด ๋ณต์žกํ•  ์ˆ˜๋ก null ์„ ์ฐพ๊ธฐ๋Š” ์ƒ๋‹นํžˆ ์–ด๋ ต๊ธฐ ๋•Œ๋ฌธ์ž…๋‹ˆ๋‹ค. ๋”ฐ๋ผ์„œ null์€ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์žˆ์–ด์„œ ์œ ์šฉํ•˜์ง€๋งŒ..

    Flutter์—์„œ Webview(์›น๋ทฐ) ์‚ฌ์šฉํ•˜๊ธฐ

    Flutter์—์„œ Webview๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๊ด€ํ•œ ๊ธ€์ž…๋‹ˆ๋‹ค. ์ด ๊ธ€์€ ๋‹จ์ˆœํ•œ webview ๊ตฌํ˜„์„ ๋ชฉํ‘œ๋กœ ํ•ฉ๋‹ˆ๋‹ค. hybrid composition์˜ ๋‚ด์šฉ์„ ๋‹ด์ง€ ์•Š์•˜์Œ์„ ๋ฏธ๋ฆฌ ์•Œ๋ ค๋“œ๋ฆฝ๋‹ˆ๋‹ค. ์ด ๊ธ€์€ ์•„๋ž˜์˜ example๊ณผ ๋ฌธ์„œ๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ์ž‘์„ฑ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. webview_flutter example webview_flutter api document ์ด ๊ธ€์—์„œ ์•Œ์•„๋ณผ ๋‚ด์šฉ Webview ์‚ฌ์šฉ๋ฒ• (webview_flutter) http ์—ฐ๊ฒฐ ๊ฐ€๋Šฅํ•˜๊ฒŒ ๋งŒ๋“ค๊ธฐ Webview ์‚ฌ์šฉ๋ฒ• (webview_flutter) pubspec.yaml ์˜์กด์„ฑ ์ถ”๊ฐ€ dependencies: flutter: sdk: flutter webview_flutter: ^2.0.9 // ์ตœ์‹ ๋ฒ„์ „ ๊ถŒ์žฅ (https://pub.dev/p..