Inflearn brand logo image
Inflearn brand logo image
์ฑ„๋„ํ†ก ์•„์ด์ฝ˜
BEST

์ฒ˜์Œํ•˜๋Š” ํ”Œ๋Ÿฌํ„ฐ(Flutter) ๊ธฐ์ดˆ๋ถ€ํ„ฐ ์‹ค์ „๊นŒ์ง€ [ํ’€์Šคํƒ Part4] (์‰ฝ๊ณ  ๊ฒฌ๊ณ ํ•˜๊ฒŒ ๋‹จ๊ณ„๋ณ„๋กœ ๋‹ค์–‘ํ•œ ํ”„๋กœ์ ํŠธ๊นŒ์ง€)

๋ณธ ๊ฐ•์˜๋Š” dart ํ”„๋กœ๊ทธ๋ž˜๋ฐ ๊ธฐ์ดˆ๋ถ€ํ„ฐ Flutter ๊ธฐ๋ณธ ๋ฐ ์ค‘๊ธ‰ ๊ธฐ๋Šฅ, ์‹ฌ์ง€์–ด ๋ฐฑ์—”๋“œ์ธ Firebase๋ฅผ ์—ฐ๋™ํ•˜์—ฌ, ์‹ค์ œ ํ”„๋กœ์ ํŠธ๊นŒ์ง€! Flutter๋ฅผ ๋‹จ๊ณ„๋ณ„๋กœ ์ตํž ์ˆ˜ ์žˆ๋Š” ์™„์„ฑ๋„ ๋†’์€ ๊ฐ•์˜์ž…๋‹ˆ๋‹ค.

Thumbnail

[๊ณต์œ ] ์ฒ˜์Œํ•˜๋Š” ํ’€์Šคํƒ์„ ์œ„ํ•œ Flutter ๋ถ€ํŠธ์บ ํ”„ [ํ’€์Šคํƒ Part4] ์˜คํ”ˆ

์•ˆ๋…•ํ•˜์„ธ์š”. ์ž”์žฌ๋ฏธ์ฝ”๋”ฉ Dave Lee ์ž…๋‹ˆ๋‹ค.

๋‹ค๋ฆ„์ด ์•„๋‹ˆ๋ผ, ์ฒ˜์Œํ•˜๋Š” ํ’€์Šคํƒ์„ ์œ„ํ•œ Flutter ๋ถ€ํŠธ์บ ํ”„ [ํ’€์Šคํƒ Part4] ๊ฐ•์˜๊ฐ€ ์˜คํ”ˆ๋˜์–ด ๊ณต์œ ๋ฅผ ๋“œ๋ฆฝ๋‹ˆ๋‹ค.
๋˜ ๊ฐ€๋Šฅํ•œ ์ตœ๋Œ€๋กœ ๊ธฐ๊ฐ„ ํ• ์ธ์„ ์ ์šฉํ•ด์„œ, ๋‚ด์šฉ์€ ๋‘๊ณ ๋‘๊ณ  ๋ด๋„ ๋  ์ •๋„๋กœ ํ’๋ถ€ํ•˜์ง€๋งŒ, ์ €๋ ดํ•œ ๊ธˆ์•ก์œผ๋กœ ๋ณด์‹ค ์ˆ˜ ์žˆ๋„๋ก ๋งŒ๋“ค์—ˆ์Šต๋‹ˆ๋‹ค.

Flutter ๋Š” ํ•˜๋‚˜์˜ ์ฝ”๋“œ๋กœ ์›น, ์•ˆ๋“œ๋กœ์ด๋“œ, ์•„์ดํฐ, MACOS, WINDOWS, ์‹ฌ์ง€์–ด LINIX ์šฉ ์•ฑ/ํ”„๋กœ๊ทธ๋žจ์„ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋Š” ๊ธฐ์ˆ ์ธ๋ฐ์š”. ๋ฌด์—‡๋ณด๋‹ค ์ƒ์‚ฐ์„ฑ์ด ๋†’๊ณ ์š”. ๊ตฌ๊ธ€์ด ๋งŒ๋“ค์–ด์„œ, ๋น ๋ฅด๊ฒŒ ์—…๋ฐ์ดํŠธ๋˜๊ณ  ์žˆ๋Š” ๋งค์šฐ ๋งค๋ ฅ์ ์ธ ๊ธฐ์ˆ ์ž…๋‹ˆ๋‹ค. ์ด๋ฏธ ๊ตญ์™ธ์—์„œ๋Š” React Native ๋ฅผ ๋„˜์–ด์„ ์ง€ ์˜ค๋ž˜์ด๊ณ , ๊ตญ๋‚ด์„œ๋„ ํ•ซํ•ด์ง€๊ณ  ์žˆ๋Š” ๊ธฐ์ˆ ์ธ๋ฐ์š”.

ํ”„๋ก ํŠธ์—”๋“œ ์ „๋ฌธ์„ฑ์„ ๊ฐœ๋ฐœํ•˜๊ณ ์ž ํ•˜๋Š” ๊ฐœ๋ฐœ์ž๋“ , ํ’€์Šคํƒ์ด ๋˜๊ณ ์ž ํ•˜๋Š” ๋ถ„๋“ค์ด๋“ , ๋ฐฑ์—”๋“œ ๊ฐœ๋ฐœ์ž๋กœ, ํ”„๋ก ํŠธ์—”๋“œ ๊ธฐ์ˆ ์„ ์ตํ˜€์„œ, ์‹œ๋‹ˆ์–ด๊ธ‰ ์‹œ์•ผ๋ฅผ ๊ฐ€์ง€๊ณ ์ž ํ•˜์‹œ๋Š” ๋ถ„๋“ค๊ป˜๋„ ๋„์›€์ด ๋  ๊ฒƒ ๊ฐ™๊ณ ์š”. ์ดˆ์†Œ๊ทœ๋ชจ๋กœ๋„ ๊ทธ๋Ÿด๋“ฏํ•œ ์„œ๋น„์Šค๋ฅผ ๋งŒ๋“ค๊ณ ์ž ํ•˜์‹œ๋Š” ๋ถ„๋“ค๊ป˜๋„ ๋„์›€์ด ๋  ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.

์‚ฌ์‹ค ๋” ์ˆจ์€ ๋œป์€ ์–ด๋–ป๊ฒŒ ํ•˜๋ฉด, ๊ทธ๋Ÿด๋“ฏํ•œ ์›น, ์•ฑ์„ ํ˜ผ์ž์„œ๋„ ์‹คํ—˜์„ ํ•  ์ˆ˜ ์žˆ์„๊นŒ์˜€์–ด์š”. ๊ผญ ํ˜ผ์ž์ผ ํ•„์š”๋Š” ์—†์ง€๋งŒ, ์ตœ์‹  ๊ธฐ์ˆ ์„ ์ ์šฉํ•œ๋‹ค๋ฉด, ๋” ์ ์€ ๋ฆฌ์†Œ์Šค๋กœ ์ž…๋ฌธ์ž๋ผ ํ•ด๋„ ์–ด๋–ค ์ง€๋ฆ„๊ธธ์ด ๋  ์ˆ˜ ์žˆ๋Š” ๋กœ๋“œ๋งต์ด ์žˆ์„๊นŒ์˜€๊ณ ์š”. ์ œ๊ฐ€ ํ™œ์šฉํ•ด๋ณธ ๊ฒฐ๊ณผ๋Š” ์ •๋ง FANTASTIC ํ•ฉ๋‹ˆ๋‹ค. ๊ฐ€์žฅ ์‰ฌ์šด ํŒŒ์ด์ฌ์œผ๋กœ ์‹œ์ž‘ํ•ด์„œ, FLASK ๋ฅผ ๊ฑฐ์ณ (๋” ์„ฑ๋Šฅ์„ ๋†’์ด๋ ค๋ฉด, FLASK ์ดํ•ด๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ์œ ์‚ฌํ•œ FASTAPI ๋ฅผ ์“ธ ์ˆ˜ ์žˆ๋‹ต๋‹ˆ๋‹ค), ์›น ๊ธฐ๋ณธ(HTML/CSS/JS) ๋กœ ๊ฐ์„ ์žก๊ณ , ๋„์ปค๋ฅผ ๊ฐ€์ ธ์™€์„œ ์„œ๋ฒ„ ์šด์˜ ํšจ์œจ์„ ๊ทน๋Œ€ํ™”ํ•œ ํ›„, ํ•˜๋‚˜์˜ ์ฝ”๋“œ๋กœ ํ”„๋ก ํŠธ์•ค๋“œ๋ฅผ FLUTTER ๋กœ ๋งŒ๋“ ๋‹ค๋ฉด!

์—ฌ๊ธฐ์— chatGPT ๊นŒ์ง€ ์“ด๋‹ค๋ฉด, ๊ทธ๋Ÿด๋“ฏํ•œ ์„œ๋น„์Šค๋ฅผ ์ตœ์†Œ์˜ ๋ฆฌ์†Œ์Šค๋กœ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋”๋ผ๊ณ ์š”. ๋” ๊ฒฝ์Ÿ๋ ฅ ์žˆ์œผ๋ ค๋ฉด, AI ๊ฐ€ ๋“ค์–ด๊ฐ€๋ฉด ์ข‹์„ํ…๋ฐ, AI ๋„ ๋ณ„๋„ ๋ฐ์ดํ„ฐ ๋กœ๋“œ๋งต์œผ๋กœ ๊ฐ์„ ์žก์œผ์‹ค ์ˆ˜ ์žˆ๊ณ ์š”. chatGPT ์— ๋ฐ์ดํ„ฐ๋ฅผ ์ถ”๊ฐ€(๋˜๋Š” ํ”„๋กฌํ”„ํŠธ ์—”์ง€๋‹ˆ์–ด๋ง์„ ์ถ”๊ฐ€ํ•ด์„œ) ํ•ด์„œ ํŠน์ • ์˜์—ญ์— ๊ฐ•ํ•œ ์„œ๋น„์Šค๋„ ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค.

๋น ๋ฅด๊ฒŒ ๋ณ€ํ™”ํ•˜๋Š” FLUTTER ์˜ ๊ฐ€์žฅ ์ตœ์‹  ๋ฒ„์ „์„ ๊ธฐ๋ฐ˜์œผ๋กœ ๋งŒ๋“ค์—ˆ๊ณ , ๋ณธ ๊ฐ•์˜ ์ž์ฒด๋กœ๋„ ๋ฐฑ์—”๋“œ๊นŒ์ง€ ๊ฐ€๋Šฅํ•˜๋„๋ก ๊ฐ•์˜๋ฅผ ๊ตฌ์„ฑํ–ˆ๊ณ ์š”. ์†์†๋“ค์ด ์—ฐ์Šต๋ฌธ์ œ์™€ ๊ทธ๋Ÿด๋“ฏํ•œ ์‹ค์Šต๊ณผ ํ”„๋กœ์ ํŠธ๋กœ ๋น ๋ฅธ ํ•™์Šต์ด ๊ฐ€๋Šฅํ•˜๋„๋ก ๊ตฌ์„ฑํ•˜์˜€์Šต๋‹ˆ๋‹ค.

๊ฐœ์ธ์ ์œผ๋กœ Flutter ๋ฅผ ๋‚ด ๊ธฐ์ˆ ๋กœ ๋งŒ๋“œ๋Š”๋ฐ ์ƒ๊ฐ๋ณด๋‹ค ๊ธธ์„ ๋Œ์•„๊ฐ”์—ˆ์–ด์š”. ๋„ˆ๋ฌด ๋งŽ์€ ๊ธฐ๋Šฅ์ด ์žˆ๋‹ค๋ณด๋‹ˆ, ๊ธธ์„ ์ž˜๋ชป๋“ค๋ฉด, ์‹œ๊ฐ„์€ ์‹œ๊ฐ„๋Œ€๋กœ ๊ฑธ๋ฆฌ๋ฉด์„œ, ๊ฐ์ด ์˜ค์ง€ ์•Š๋”๋ผ๊ณ ์š”. ๋ณธ ๊ฐ•์˜๋Š” ์ด๋Ÿฌํ•œ ๊ฒฝํ—˜์„ ๊ธฐ๋ฐ˜์œผ๋กœ, ์งง์€ ์‹œ๊ฐ„์— Flutter ๋ฅผ ๋‚ด ๊ธฐ์ˆ ๋กœ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋„๋ก, ์ œ๊ฐ€ ๊ฐ์ด ์™”๋˜ ๊ฐ€์žฅ ๋นจ๋ž๋˜ ํ•™์Šต ๋ฐฉ์‹์„ ๊ทธ๋Œ€๋กœ ๋…น์—ฌ๋‚ด์—ˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋ž˜์„œ ์งง์€ ์‹œ๊ฐ„์— Flutter ๋ฅผ ํ™œ์šฉํ•˜์‹ค ์ˆ˜ ์žˆ์œผ์‹ค ๊ฒƒ์ž…๋‹ˆ๋‹ค.

์‹ฌ์ง€์–ด, chatGPT ๋ฅผ Flutter ์— ํ™œ์šฉํ•˜๋Š” ํŒ? ๋„ ์„ค๋ช…์„ ๋“œ๋ฆฌ๋Š”๋ฐ์š”.chatGPT ๋ฅผ Flutter ๊ฐœ๋ฐœ์— ํ™œ์šฉํ•˜์‹œ๋ฉด, ๋ณธ ๊ฐ•์˜์˜ ์ง€์‹์„ ๊ธฐ๋ฐ˜์œผ๋กœ ๋น ๋ฅด๊ฒŒ Flutter ๋ฅผ ํ™œ์šฉํ•˜์‹ค ์ˆ˜ ์žˆ์œผ์‹ค ๊บผ์˜ˆ์š”.

๊ธˆ์ผ ์˜คํ”ˆํ–ˆ๊ณ , ์•„๋ฌด๋ž˜๋„ ๋‚ด์šฉ์ด ๋งŽ๋‹ค๋ณด๋‹ˆ, ์‹ค์ˆ˜๊ฐ€ ์žˆ์„ ์ˆ˜ ์žˆ๋Š”๋ฐ์š”. ์‹ค์ˆ˜๊ฐ€ ์žˆ์œผ๋ฉด ์ด์•ผ๊ธฐํ•ด์ฃผ์‹œ๋ฉด, ๋ฐ”๋กœ ์ˆ˜์ •ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค.

์•„๋ฌด์ชผ๋ก ๋„์›€์ด ๋˜๋Š” ๊ฐ•์˜๊ฐ€ ๋˜์—ˆ์œผ๋ฉด ์ข‹๊ฒ ์Šต๋‹ˆ๋‹ค.

๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค.

๋Œ“๊ธ€