๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
๐Ÿ“ฑFlutter

[Flutter] ์ž…๋ฌธ : ๋กœ๋“œ๋งต

by ojui 2025. 8. 27.
๋ฐ˜์‘ํ˜•

๋ฐ˜์‘ํ˜•

 

์•ฑ์„ ํ•œ ๋ฒˆ ์ง์ ‘ ๋งŒ๋“ค์–ด๋ณผ๊นŒ ์‹ถ์–ด์„œ ์ด๊ฒƒ์ €๊ฒƒ ์ฐพ์•„๋ณด๋‹ค๊ฐ€
๊ฐœ๋ฐœ ๋ฐฉ์‹์ด ํฌ๊ฒŒ ๋„ค์ดํ‹ฐ๋ธŒ(Native) ์™€ ํ•˜์ด๋ธŒ๋ฆฌ๋“œ(Hybrid)๋กœ ๋‚˜๋‰œ๋‹ค๋Š” ๊ฑธ ์•Œ๊ฒŒ ๋˜์—ˆ๋‹ค.

 

๐Ÿ“Œ์•ฑ ๊ฐœ๋ฐœ ๋ฐฉ์‹

1๏ธโƒฃ๋„ค์ดํ‹ฐ๋ธŒ ์•ฑ

- ํ”Œ๋žซํผ๋ณ„๋กœ ๊ฐ๊ฐ ๊ฐœ๋ฐœํ•ด์•ผํ•จ → ๊ธฐ๊ธฐ ์ตœ์ ํ™”
- ์„ฑ๋Šฅ์ด ๋›ฐ์–ด๋‚˜๊ณ  ์•ˆ์ •์ 

- Android : Android Studio (Kotlin, Java)

- iOS : Xcode (Swift, Objective-C)

2๏ธโƒฃํ•˜์ด๋ธŒ๋ฆฌ๋“œ ์•ฑ

- ๋ฉ€ํ‹ฐ ํ”Œ๋žซํผ : ํ•œ ๋ฒˆ์˜ ์ฝ”๋“œ๋กœ ์•ˆ๋“œ๋กœ์ด๋“œ์™€ iOS ๋ชจ๋‘ ์‹คํ–‰ ๊ฐ€๋Šฅ
- ๋‹ค๋งŒ ๋„ค์ดํ‹ฐ๋ธŒ์— ๋น„ํ•ด ์„ฑ๋Šฅ์ด๋‚˜ ์ตœ์ ํ™”์—์„œ ํ•œ๊ณ„๊ฐ€ ์žˆ์Œ
- ์›ํ•˜๋Š” ๊ธฐ๋Šฅ์„ ํ•˜๋Š” ํŒจํ‚ค์ง€๋ฅผ ๋ชป ์ฐพ์œผ๋ฉด, ์ง์ ‘ ๋„ค์ดํ‹ฐ๋ธŒ ์ฝ”๋“œ๋ฅผ ์“ฐ๊ณ  ์—ฐ๊ฒฐํ•ด์•ผํ•จ.

- React Native, Flutter, Xamarin, Ionic

 

๐Ÿ“ŒFlutter

์š”์ฆ˜ ๋งŽ์ด ์–ธ๊ธ‰๋˜๋Š” ๊ฒŒ ๋ฐ”๋กœ Flutter๋ผ๋Š” ํ•˜์ด๋ธŒ๋ฆฌ๋“œ ํˆด์ด์—ˆ๋‹ค.
๊ตฌ๊ธ€์—์„œ ๋งŒ๋“  ์˜คํ”ˆ์†Œ์Šค UI ํ”„๋ ˆ์ž„์›Œํฌ์ธ๋ฐ, ํ•œ ๋ฒˆ์˜ ๊ฐœ๋ฐœ๋กœ ์•ˆ๋“œ๋กœ์ด๋“œ, iOS, ์›น, ๋ฐ์Šคํฌํ†ฑ ์•ฑ๊นŒ์ง€ ์ง€์›ํ•œ๋‹ค.
(๊ทผ๋ฐ ์›น๊ณผ ๋ฐ์Šคํฌํ†ฑ ์•ฑ์€ ์„ฑ๋Šฅ์ด ๋ณ„๋กœ๋ผ๋Š” ํ‰์ด ๋งŽ๋‹ค.)

๋‚˜๋Š” ๊ณ ์„ฑ๋Šฅ์„ ์š”๊ตฌํ•˜์ง€ ์•Š๋Š” ๊ฐ€๋ฒผ์šด ์•ฑ์„ ๋งŒ๋“ค์–ด๋ณด๊ณ  ์‹ถ์–ด์„œ Flutter๋ฅผ ์„ ํƒํ–ˆ๋‹ค.
๊ฐœ๋ฐœ ์–ธ์–ด๋Š” Dart๋ผ๋Š” ์–ธ์–ด์ธ๋ฐ ์•…ํ‰์ด ์ž์žํ–ˆ๋‹ค.

 

ํ˜„์žฌ ๋‚ด ๋งˆ์Œ


๊ทธ๋ž˜์„œ ์ž ๊น ๋„ค์ดํ‹ฐ๋ธŒ๋กœ ๊ฐˆ์•„ํƒˆ๊นŒ ๊ณ ๋ฏผํ–ˆ์ง€๋งŒ, ํ”Œ๋Ÿฌํ„ฐ๊ฐ€ ๋””์ž์ธ ์•Œ๋ชป์—๊ฒŒ ์œ ๋ฆฌํ•˜๋‹ค๊ณ ํ•ด์„œ ๊ทธ๋ƒฅ ๋งˆ์Œ์„ ๊ตณํ˜”๋‹ค.
๊ฒŒ๋‹ค๊ฐ€ Hot Reload ๊ธฐ๋Šฅ์ด ์žˆ์–ด์„œ, ์ฝ”๋“œ๋ฅผ ์ˆ˜์ •ํ•˜๋ฉด ์•ฑ์— ์ฆ‰์‹œ ๋ฐ˜์˜๋˜์–ด ์‹ค์‹œ๊ฐ„์œผ๋กœ ํ…Œ์ŠคํŠธ ๋ฐ ๋””๋ฒ„๊น…์„ ํ•  ์ˆ˜ ์žˆ๋‹ค๊ณ  ํ•œ๋‹ค!
์ด ๋ถ€๋ถ„์ด ๋„ˆ๋ฌด ๊ธฐ๋Œ€๋œ๋‹ค.

 

๐Ÿ“Œ๋กœ๋“œ๋งต

ํ˜„์žฌ ๋‚ด ๋ชฉํ‘œ๋Š” ๋‚ด๊ฐ€ ์‚ฌ์šฉํ•  ํ€ด์ฆˆ์•ฑ์„ ๋งŒ๋“œ๋Š” ๊ฒƒ์ด๋‹ค.
๋งˆ์นจ ์ธํ”„๋Ÿฐ์— ๋‚ด ๋‹ˆ์ฆˆ์— ๋งž๋Š” ๋ฌด๋ฃŒ๊ฐ•์˜๊ฐ€ ์žˆ์—ˆ๋‹ค.

 

 

[์ง€๊ธˆ ๋ฌด๋ฃŒ]ํ”Œ๋Ÿฌํ„ฐ์™€ ์žฅ๊ณ ๋กœ 1์‹œ๊ฐ„๋งŒ์— ํ€ด์ฆˆ ์•ฑ/์„œ๋ฒ„ ๋งŒ๋“ค๊ธฐ [๋ฌด์ž‘์ • ํ’€์Šคํƒ]| ๊ถŒํƒœ๋ฝ• - ์ธํ”„๋Ÿฐ ๊ฐ•

ํ˜„์žฌ ํ‰์  4.8์  ์ˆ˜๊ฐ•์ƒ 9,130๋ช…์ธ ๊ฐ•์˜๋ฅผ ๋งŒ๋‚˜๋ณด์„ธ์š”. ํ”Œ๋Ÿฌํ„ฐ์™€ ์žฅ๊ณ ๋กœ ํ’€์Šคํƒ ํ€ด์ฆˆ์•ฑ์„ ๋งŒ๋“œ๋Š” ๊ฐ•์˜์ž…๋‹ˆ๋‹ค! ๋ฐฐ์šธ ๊ฑฐ๋ฆฌ๊ฐ€ ๋งŽ์€ ํ’€์Šคํƒ ๊ฐ•์˜๋กœ ํ’€์Šคํƒ ๊ฐœ๋ฐœ์ž๊ฐ€ ๋˜์–ด๋ณด์„ธ์š”:) ํ”„๋ก ํŠธ์—”๋“œ๋ถ€ํ„ฐ ๋ฐฑ์—”

www.inflearn.com

 

์›๋ž˜๋Š” ๋กœ์ปฌ์—์„œ ํ€ด์ฆˆ๋ฐ์ดํ„ฐ๋ฅผ ๊ด€๋ฆฌํ•  ์ƒ๊ฐ์ด์—ˆ๋Š”๋ฐ, ๊ฐ•์˜์—์„œ๋Š” Django๋กœ API ์„œ๋ฒ„๋ฅผ ๋งŒ๋“ ๋‹ค๊ณ  ํ•œ๋‹ค.
์†”์งํžˆ ๋‚ด๊ฐ€ ์›ํ•˜๋Š” ๊ฒƒ๋ณด๋‹ค ์˜ค๋ฒ„์ŠคํŽ™์ด๊ธดํ•˜์ง€๋งŒ, '๋ญ, ์ด๋ฒˆ ๊ธฐํšŒ์— ๋ฐฐ์›Œ๋ณด๋Š”๊ฑฐ์ง€'๋ผ๋Š” ๋งˆ์ธ๋“œ๋กœ ๋„์ „ํ•ด๋ณด๊ธฐ๋กœ ํ–ˆ๋‹ค.

๋ฐ”๋กœ ํ€ด์ฆˆ์•ฑ ๊ฐ•์˜๋ฅผ ๋“ฃ๊ธฐ์—” ๋‚ด๊ฐ€ ๋„ˆ๋ฌด ๋…ธ๋ฒ ์ด์Šค๋ผ์„œ,
๋…ธ๋งˆ๋“œ์ฝ”๋”์—์„œ Dart ์–ธ์–ด๊ฐ•์˜์™€ ์›นํˆฐ ์•ฑ ๋งŒ๋“ค๊ธฐ ๊ฐ•์˜๋ถ€ํ„ฐ ์ˆ˜๊ฐ•ํ•˜๊ธฐ๋กœ ํ–ˆ๋‹ค.

 

- ํ”Œ๋Ÿฌํ„ฐ ์ฑŒ๋ฆฐ์ง€

 

ํ”Œ๋Ÿฌํ„ฐ ์ฑŒ๋ฆฐ์ง€ – ๋…ธ๋งˆ๋“œ ์ฝ”๋” Nomad Coders

์ˆ˜๊ฐ•์ƒ์ด๋ผ๋ฉด ๋ˆ„๊ตฌ๋‚˜ ๋ฌด๋ฃŒ๋กœ ์ฐธ์—ฌ ๊ฐ€๋Šฅ. ์กธ์—…์‹œ 10% ํ• ์ธ์ฟ ํฐ ๊นŒ์ง€!

nomadcoders.co

 

 

- ํ”Œ๋Ÿฌํ„ฐ ์ฑŒ๋ฆฐ์ง€ ์ง„๋„ํ‘œ

 

FAQ › ํ”Œ๋Ÿฌํ„ฐ 2์ฃผ ์ง„๋„ํ‘œ – ๋…ธ๋งˆ๋“œ ์ฝ”๋” Nomad Coders

์ฑŒ๋ฆฐ์ง€ ์†Œ๊ฐœ. ๊ณผ์ œ ์ œ์ถœ ๋ฐฉ๋ฒ•. ์ˆ˜๊ฐ•์ƒ ํ›„๊ธฐ ๋ฐ ์กธ์—…์ž‘ํ’ˆ ๋“ฑ.

nomadcoders.co

 

๋…ธ๋งˆ๋“œ์ฝ”๋” ํŽ˜์ด์ง€๋ฅผ ์‚ดํŽด๋ณด๋‹ค๊ฐ€ ํ”Œ๋Ÿฌํ„ฐ 2์ฃผ ์ฑŒ๋ฆฐ์ง€๋„ ํ•œ๋‹ค๊ธธ๋ž˜ ์‹ ์ฒญํ–ˆ๋‹ค.
์›๋ž˜ ๋“ค์œผ๋ ค๋˜ ์œ„์˜ 2๊ฐœ ๊ฐ•์˜๋ฅผ 2์ฃผ ์•ˆ์— ๋๋‚ด๋Š” ์ฑŒ๋ฆฐ์ง€๋‹ค.

๋ฌด๋ฃŒ์ธ๋งŒํผ ํŠน๋ณ„ํ•œ ์ด์ ์€ ์—†์ง€๋งŒ, ๊ฐ„๋‹จํ•œ ๊ณผ์ œ๊ฐ€ ์žˆ์–ด์„œ ๋ณต์Šตํ•˜๊ธฐ์— ์ข‹์€ ๊ฒƒ ๊ฐ™๋‹ค.

์ด๋ ‡๊ฒŒ 3๊ฐœ์˜ ๊ฐ•์˜๋ฅผ ๋‹ค ๋“ค์œผ๋ฉด 3~4์ฃผ์ •๋„ ๊ฑธ๋ฆฌ์ง€ ์•Š์„๊นŒ์‹ถ๋‹ค.
์žฌ๋ฐŒ๊ธธ ๊ธฐ๋Œ€ํ•˜๋ฉฐ ๊ฐ•์˜๋ฅผ ๋“ค์œผ๋Ÿฌ๊ฐ„๋‹ค.



๋ฐ˜์‘ํ˜•