Skip to main content

Command Palette

Search for a command to run...

Til - 250106

Published
โ€ข2 min read

๐Ÿ’ก ์˜ค๋Š˜์˜ ํ•™์Šต

Flutter & Dart - The Complete Guide [2024 Edition]

๐Ÿ“ ๋‚ด์šฉ

Flutter์— ๋Œ€ํ•œ ๊ด€์‹ฌ์€ ๊ณ„์† ์žˆ๋Š” ์ƒํƒœ์—์„œ, 25๋…„์—๋Š” Flutter์„ ๋‹ค์‹œ ํ•œ๋ฒˆ ๊ณต๋ถ€ํ•ด ๋ณผ๊นŒ? ๋ผ๋Š” ์ƒ๊ฐ์ด ๋“ค์–ด ํ•ด๋‹น ๊ฐ•์˜๋ฅผ ๊ตฌ๋งค ํ–ˆ๋‹ค.์กฐ๊ธˆ์€ ์˜ค๋ž˜๋œ ๊ฐ•์˜๋กœ ๋ณด์ด๋Š”๋ฐ, ๊ณ„์†ํ•ด์„œ ์—…๋ฐ์ดํŠธ ๋˜๋Š” ๊ฒƒ์œผ๋กœ ๋ณด์—ฌ, ๊ตฌ๋งค ํ•จ.

์—ฌ๋‹ด์œผ๋กœ.. Udemy์˜ ๊ฒฝ์šฐ ๋งŽ์€ ๊ฐ•์˜๋ฅผ ์ˆ˜๊ฐ•ํ•œ ๊ฐ•์˜์—๋Š” ์ž๋™์œผ๋กœ ๋ฒˆ์—ญ ๊ธฐ๋Šฅ์ด ์ œ๊ณต๋˜๋Š” ๊ฒƒ์œผ๋กœ ๋ณด์ด๋Š”๋ฐ, ํ•ด๋‹น ๊ฐ•์˜๋Š” ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ์ด ์ œ๊ณต ๋จ. ๋ฒˆ์—ญ ํ’ˆ์งˆ์€ ๊ทธ๋‹ฅ ์ข‹์ง€ ์•Š์€ ๊ฒƒ์œผ๋กœ ๋ณด์ž„.

ํ”Œ๋Ÿฌํ„ฐ๋Š” ํ•˜๋‚˜์˜ ์ฝ”๋“œ๋กœ ๋‹ค์–‘ํ•œ ๋ฉ€ํ‹ฐํ”Œ๋žซํผ์„ ์ง€์› ํ•ด์คŒ.

  • ๋ชจ๋ฐ”์ผ ์•ฑ (Android, iOS) โ†’ ์ฝ”์Šค์—์„œ ์ค‘์ ์ ์œผ๋กœ ๊ณต๋ถ€

  • ์›น (๋ชจ๋˜ ๋ธŒ๋ผ์šฐ์ €)

  • ๋ฐ์Šคํฌํƒ‘ ์•ฑ (์œˆ๋„์šฐ, ๋งฅ, ๋ฆฌ๋ˆ…์Šค)

ํ”Œ๋Ÿฌํ„ฐ๋Š” ๋‹คํŠธ ์–ธ์–ด๋ฅผ ์‚ฌ์šฉํ•จ. ํ”Œ๋Ÿฌํ„ฐ๋Š” ํ”„๋ ˆ์ž„์›Œํฌ์ด๋‹ค.

ํ”Œ๋Ÿฌํ„ฐ ์„ค์น˜ ๋ฐฉ๋ฒ•์— ๋Œ€ํ•œ ๋‚ด์šฉ. ์ด๋ฏธ ์„ค์น˜๋˜์–ด ์žˆ์–ด ํ•ด๋‹น ๋ถ€๋ถ„์€ ์Šคํ‚ต.

  1. ํ”Œ๋Ÿฌํ„ฐ SDK ์„ค์น˜

  2. Git ์„ค์น˜

  3. Platform Tools ์„ค์น˜

    1. Android Studio ์„ค์น˜

    2. XCode ์„ค์น˜

  4. ๊ฐ€์ƒ ์—๋ฎฌ๋ ˆ์ดํ„ฐ ์„ธํŒ…

    1. Android

    2. iOS

ํ”Œ๋Ÿฌํ„ฐ ์•ฑ ์ƒ์„ฑ (๊ฐ‘์ž๊ธฐ ํ„ฐ๋ฏธ๋„ ๋ช…๋ น์–ด?)

flutter create first_app

๊ฐ‘์ž๊ธฐ vscode ์‚ฌ์šฉ?

MaterialApp?

  • ํ”Œ๋Ÿฌํ„ฐ ์•ฑ์€ ๊ธฐ๋ณธ์ ์œผ๋กœ Material ๋””์ž์ธ ์‚ฌ์šฉ. ๊ตฌ๊ธ€์˜ ๋””์ž์ธ.

  • ๊ตฌ๊ธ€์—์„œ ๋งŒ๋“ค์—ˆ์ง€๋งŒ ์˜ต์…˜์ด ๋งŽ๋‹ค. ์ปค์Šคํ…€ํ• ๊ฒŒ ๋งŽ์Œ.

๐Ÿ’ก
์ฝ”์Šค์— ๋Œ€ํ•œ ์„ค๋ช… = ํ”Œ๋Ÿฌํ„ฐ์™€ ๋‹คํŠธ ๊ธฐ๋ณธ. ๋ชจ๋ฐ”์ผ ์•ฑ ๊ฐœ๋ฐœ. ๊ณ ๊ธ‰ ๊ธฐ๋Šฅ ์•Œ์•„๋ณด๊ธฐ ๋“ฑ

๋น„๋””์˜ค

  • ์ž๊ธฐ ์†๋„์— ๋งž๊ฒŒ. ๋‹คํŠธ๋‚˜ ํ”Œ๋Ÿฌํ„ฐ ๊ฒฝํ—˜์ด ์žˆ๋‹ค๋ฉด ์Šคํ‚ต๋„ ๊ฐ€๋Šฅ. ํ•„์š”์— ๋”ฐ๋ผ ๋ฐ˜๋ณต ๊ฐ€๋Šฅ

์ฝ”๋”ฉํ•˜๊ณ  ์—ฐ์Šตํ•˜์ž.

  • ๋ฉˆ์ถ”๊ณ  ๋„ˆ์˜ ์ฝ”๋“œ๋กœ ๋งŒ๋“ค์ž.

  • ์—ฐ์Šตํ•˜์ž.

  • ์ฝ”๋“œ ๋น„๊ตํ•˜์ž. (์Šค๋ƒ…์ƒท ์ œ๊ณต)

์„œ๋กœ ๋•์ž

  • Q&A ์„น์…˜ ์กด์žฌ.

  • ๋ฌป์ง€๋งŒ ๋ง๊ณ  ๋‹ต๋ณ€๋„ ํ•ด๋ณด์ž.

  • ๋””์Šค์ฝ”๋“œ๋„ ์ œ๊ณต

https://github.com/academind/flutter-complete-guide-course-resources

https://github.com/academind/flutter-complete-guide-course-resources/blob/main/Slides/course-slides.pdf

๊ฐ•์˜์—์„œ ์ฝ”๋“œ ์Šค๋ƒ…์ƒท์„ ์ œ๊ณตํ•˜๋Š”๊ฒŒ ๋Œ€๋‹จํ•˜๊ธด ํ•˜๋„ค. ํ™•์‹คํžˆ git commit ๋ณ€๊ฒฝ์ ? ์„ ์ œ๊ณต ํ•˜๋Š” ๊ฒƒ๋ณด๋‹ค๋Š” ๋” ๋ช…์‹œ์ ์ธ ๋ฐฉ๋ฒ•์œผ๋กœ ๋ณด์ž„.

More from this blog

๋‹ค์‹œ ๋ธ”๋กœ๊ทธ ์‹œ์ž‘ํ•ด๋ณด๊ธฐ

์˜ˆ์ „์— ๋ธ”๋กœ๊ทธ๋ฅผ ์‹œ์ž‘ํ–ˆ๋‹ค๊ฐ€ ๊ท€์ฐฎ์€ ๋ถ€๋ถ„๋„ ์กด์žฌํ•˜๊ณ , ์—ฌ๋Ÿฌ๊ฐ€์ง€ ์‚ฌ์ •์œผ๋กœ ์ธํ•ด ๋ธ”๋กœ๊ทธ ๊ธ€์“ฐ๊ธฐ๋ฅผ ์ž ์ • ์ค‘๋‹จ ํ–ˆ๋‹ค. ๐Ÿ˜‚ ์‚ฌ์‹ค hashnode๋ผ๋Š” ์ข‹์€ ํ”Œ๋žซํผ์„ ์ฐพ๊ณ , ์ด ํ”Œ๋žซํผ์— ๊ธ€์“ฐ๊ธฐ๋ฅผ ์ •์ฐฉํ•ด๋ณด๋ ค๊ณ  ํ–ˆ์—ˆ๋Š”๋ฐ, ์–ด๋–ค ๋‚ด์šฉ์„ ์“ธ์ง€ ์— ๋Œ€ํ•œ ๋ถ€๋ถ„์ด ๊ณ„์† ๊ณ ๋ฏผ ๋˜๋Š” ๋ถ€๋ถ„๋„ ์ƒ๋‹นํžˆ ๋งŽ์ด ์ž‘์šฉ ํ–ˆ๋‹ค. ์•ž์œผ๋กœ ๋ญ˜ ์“ธ ์˜ˆ์ •์ธ๊ฐ€? ๊ฑฐ์ฐฝํ•œ ๊ธฐ์ˆ  ๋ธ”๋กœ๊ทธ ๋ณด๋‹ค๋Š” ๊ทธ๋ƒฅ ์ผํ•˜๋ฉด์„œ ๊ฒช์€ ์ผ๋“ค ํ˜น์€ ์ฝ์—ˆ๋˜ ์ฑ…๋“ค ํ˜น์€ ๋“ค์—ˆ๋˜ ์ฑ…๋“ค์— ๋Œ€ํ•œ ๋‚ด์šฉ์„ ๊ฐ€๋ณ๊ฒŒ ์ •๋ฆฌ ํ•ด๋ณด๋ ค๊ณ  ํ•œ๋‹ค. ํ˜ผ...

Aug 5, 20251 min read

Book - ์˜ˆ์ง€๋ชฝ๋ฅผ ๋“ฃ๊ณ  ๐ŸŽง

"๊ฟˆ์ด ํ˜„์‹ค์„ ์˜ˆ๊ณ ํ•œ๋‹ค๋ฉด, ๊ทธ๊ฒƒ์€ ์šฐ์—ฐ์ผ๊นŒ ํ•„์—ฐ์ผ๊นŒ?" ๐ŸŒ™ ํ•ต์‹ฌ ๊ฐ์ƒ ํฌ์ธํŠธ "๊ฟˆ์—์„œ ๋ณธ ์†Œ๋…€"์˜ ์ถฉ๊ฒฉ์  ๋ฐ˜์ „ ์ฒซ ๋ฒˆ์งธ ๋‹จํŽธ์ธ "๊ฟˆ์—์„œ ๋ณธ ์†Œ๋…€"๋Š” ์˜ˆ์ง€๋ชฝ์˜ ์ •์ˆ˜๋ฅผ ๋ณด์—ฌ์ค๋‹ˆ๋‹ค. 17๋…„ ์ „ ๊ฟˆ์† ์†Œ๋…€์™€ ํ˜„์‹ค์—์„œ ์žฌํšŒํ•˜๋Š” ์ฒญ๋…„์˜ ์ด์•ผ๊ธฐ๋Š” ์ดˆ์ž์—ฐ์  ๋ถ„์œ„๊ธฐ๋กœ ์‹œ์ž‘ํ•˜์ง€๋งŒ, ์œ ๊ฐ€์™€ ๋งˆ๋‚˜๋ถ€์˜ "๋ฌด์˜์‹์  ๊ธฐ์–ต์˜ ์žฌ๊ตฌ์„ฑ"์ด๋ผ๋Š” ๊ณผํ•™์  ํ•ด์„์œผ๋กœ ๋ฐ˜์ „์„ ๋งž์ดํ•ฉ๋‹ˆ๋‹ค. ์˜ค๋””์˜ค๋ถ์—์„œ๋Š” ์ฃผ์ธ๊ณต์˜ ํ˜ผ๋ž€์Šค๋Ÿฌ์šด ์‹ฌ๋ฆฌ๊ฐ€ ์„ฑ์šฐ์˜ ๋–จ๋ฆฌ๋Š” ๋ชฉ์†Œ๋ฆฌ์™€ ๊ธด์žฅ๊ฐ ์žˆ๋Š” BGM์œผ๋กœ ์ƒ์ƒ...

Jan 25, 20252 min read

Book - ํƒ์ • ๊ฐˆ๋ฆด๋ ˆ์˜ค๋ฅผ ๋“ฃ๊ณ  ๐ŸŽง

"๋ถˆํƒ€์˜ค๋ฅด๋‹ค. ๊ทธ ๋ถˆ๊ฝƒ์€ ๊ณผํ•™์œผ๋กœ ์„ค๋ช…๋  ์ˆ˜ ์žˆ์„๊นŒ?" ๐Ÿ” ํžˆ๊ฐ€์‹œ๋…ธ ๊ฒŒ์ด๊ณ ์˜ "ํƒ์ • ๊ฐˆ๋ฆด๋ ˆ์˜ค"๋ฅผ ์ฒ˜์Œ ์ฑ…์œผ๋กœ ์ ‘ํ–ˆ์„ ๋•Œ, ๊ฐ€์žฅ ๊ฐ•๋ ฌํ•˜๊ฒŒ ๋‚จ์•˜๋˜ ์žฅ๋ฉด์€ "๋ถˆํƒ€์˜ค๋ฅด๋‹ค" ์—ํ”ผ์†Œ๋“œ์˜€์Šต๋‹ˆ๋‹ค. ๋‹ค์„ฏ ์ฒญ๋…„ ์ค‘ ํ•œ ๋ช…์ด ๊ฐ‘์ž‘์Šค๋Ÿฝ๊ฒŒ ๋ถˆ์— ํƒ€ ์ฃฝ๋Š” ์ถฉ๊ฒฉ์ ์ธ ์‚ฌ๊ฑด๋ถ€ํ„ฐ ์‹œ์ž‘ํ•ด, ์œ ์นด์™€ ๋งˆ๋‚˜๋ถ€ ๊ต์ˆ˜์˜ ๊ณผํ•™์  ์ถ”๋ฆฌ๊ฐ€ ๋น›์„ ๋ฐœํ•˜๋Š” ์ˆœ๊ฐ„๊นŒ์ง€ ๊ธด์žฅ๊ฐ์ด ์ฒ ๋ ํ•˜๊ฒŒ ๋ชฐ์•„์ณค์ฃ . ์ตœ๊ทผ ์˜ค๋””์˜ค๋ถ์œผ๋กœ ๋‹ค์‹œ ๋“ฃ๊ณ  ๋‚˜๋‹ˆ, ์ข…์ด์ฑ…๊ณผ๋Š” ๋‹ค๋ฅธ ์ƒ๋™๊ฐ์ด ๋ฌป์–ด๋‚˜๋Š” ๊ฑธ ๋А๊ผˆ์Šต๋‹ˆ๋‹ค. ์„ฑ์šฐ์˜ ์—ฐ๊ธฐ๊ฐ€ ...

Jan 21, 20252 min read

Book - ํŒŒ์šฐ์Šคํ„ฐ๋ฅผ ๋“ฃ๊ณ  ๐ŸŽง

"์ˆœ๊ฐ„์ด์—ฌ, ๋ฉˆ์ถ”์–ด๋ผ! ์ •๋ง ์•„๋ฆ„๋‹ต๊ตฌ๋‚˜!" โœจ ์ด ๋ฉ‹์ง„ ๋ง, ํ˜น์‹œ ๋“ค์–ด๋ณด์…จ๋‚˜์š”? ๋ฐ”๋กœ 'ํŒŒ์šฐ์ŠคํŠธ'๋ผ๋Š” ๊ณ ์ „ ์†Œ์„ค์—์„œ ๋‚˜์˜จ ๋ง์ธ๋ฐ์š”. ์ด ์†Œ์„ค์—์„œ ์˜๊ฐ์„ ๋ฐ›์•„ ํƒ„์ƒํ•œ ๊น€ํ˜ธ์—ฐ ์ž‘๊ฐ€์˜ 'ํŒŒ์šฐ์Šคํ„ฐ'๋ผ๋Š” ์ฑ…์ด ์žˆ์Šต๋‹ˆ๋‹ค. ์œŒ๋ผ ์˜ค๋””์˜ค๋ถ์œผ๋กœ ๋“ฃ๊ณ  ๊ฝค๋‚˜ ์ธ์ƒ์ ์ด์—ˆ๋Š”๋ฐ์š”. 16์‹œ๊ฐ„์ด ๋„˜๋Š” ๊ธด ์ด์•ผ๊ธฐ์˜€์ง€๋งŒ, ์ถœํ‡ด๊ทผ๊ธธ์ด ๋น„๊ต์  ๋น ๋ฅด๊ฒŒ ์ง€๋‚˜๊ฐ”์Šต๋‹ˆ๋‹ค. ๐Ÿ“– 'ํŒŒ์šฐ์Šคํ„ฐ' ์˜ค๋””์˜ค๋ถ ์ค„๊ฑฐ๋ฆฌ ์š”์•ฝ ๋ฐฐ๊ฒฝ: ์šฐ๋ฆฌ ์‚ฌํšŒ์˜ ์–ด๋‘์šด ๋ฉด์„ ์—ฟ๋ณผ ์ˆ˜ ์žˆ๋Š” ์ด์•ผ๊ธฐ์ž…๋‹ˆ๋‹ค. ๋‚˜์ด ๋งŽ์€ ์‚ฌ...

Jan 14, 20252 min read

Til - 250112

[TIL] Flutter & Dart ํ•™์Šต ๐Ÿ“š ์˜ค๋Š˜ ๋ฐฐ์šด ๊ฒƒ ๊ฐ•์˜ ์ค‘๊ฐ„์— ์ฑŒ๋ฆฐ์ง€ ์žˆ๋Š” ๋ถ€๋ถ„์€ ํ•ญ์ƒ ์ข‹์€ ๊ฒƒ ๊ฐ™์Œ. ํ…์ŠคํŠธ ์Šคํƒ€์ผ๋ง ํ•˜๋Š” ๋ฐฉ๋ฒ• ์ปค์Šคํ…€ ์œ„์ ฏ ์ƒ์„ฑ ๋ฐฉ๋ฒ• ํ”Œ๋Ÿฌํ„ฐ๋Š” ์œ„์ ฏ์œผ๋กœ ๊ตฌ์„ฑ๋˜์–ด ์žˆ๊ณ , ์œ„์ ฏ ํŠธ๋ฆฌ๋Š” ์ ์  ํ™•์žฅ๋˜๊ฒŒ ๋จ. ํ™•์žฅ๋˜๋Š” ์œ„์ ฏ ํŠธ๋ฆฌ์˜ ํ™•์žฅ์„ฑ๋“ฑ์„ ์œ„ํ•ด ๋ณ„๋„์˜ ์œ„์ ฏ ์œผ๋กœ ๋นผ๊ธฐ. ๐Ÿค” ๋‚ด ์ƒ๊ฐ [๊ถ๊ธˆํ•œ ์ ] ์œ„์ ฏ์— key๊ฐ€ ํ•„์š”ํ•œ ์ด์œ ? key๋Š” Flutter์—์„œ ์œ„์ ฏ์„ ํšจ์œจ์ ์œผ๋กœ ๊ด€๋ฆฌํ•˜๊ณ , ์œ„์ ฏ์˜ ์ƒํƒœ๋ฅผ ์œ ์ง€ํ•˜๋ฉฐ, ์œ„์ ฏ...

Jan 12, 20252 min read

Lonpeach

9 posts