์ŠคํŒŒ๋ฅดํƒ€์ฝ”๋”ฉํด๋Ÿฝ(์•ฑ ๊ฐœ๋ฐœ ์ฐฝ์—…)/์ŠคํŒŒ๋ฅดํƒ€์ฝ”๋”ฉํด๋Ÿฝ TIL

[์ŠคํŒŒ๋ฅดํƒ€์ฝ”๋”ฉํด๋Ÿฝ Flutter ์•ฑ์ฐฝ์—… 6๊ธฐ DAY+5] Flutter ๊ฐœ๋ฐœ ํ™˜๊ฒฝ ์„ค์ • ์˜ค๋ฅ˜ ํ•ด๊ฒฐ ๊ณผ์ •

๋ชฝ๋ฌผ๊ณ ๊ธฐ๐“†œ 2025. 2. 15. 23:23
728x90
728x90
BIG

 

์‹œ๊ฐ„์ด ์™œ์ด๋ ‡๊ฒŒ ๋น ๋ฅธ์ง€..

๊ทธ๋ ‡๋‹ค๊ณ  ์ด๋ ‡๋‹ค ํ•  ์„ฑ๊ณผ๋Š” ์—†๋‹ค.

๋ฐฑ์ˆ˜๊ฐ€ ์ด๋ž˜๋„ ๋˜๋Š”๊ฐ€..ใ… 

 

 

๋” ๋ถ„๋ฐœํ•ด์•ผ๊ฒ ๋‹ค. 

 

์šฐ์„  ๋‚ด๊ฐ€ ํ•˜๊ณ  ์žˆ๋Š” ์ผ์ด

์ž˜ ํ•˜๊ณ ์žˆ๋Š”์ง€

์ˆ˜๊ธฐ๋กœ๋„ ์ ๊ธฐ๋กœ ํ–ˆ๋‹ค.

 

ํฌ์ŠคํŒ…์ด ์ค‘์š”ํ•œ๊ฒŒ ์•„๋‹ˆ๋‹ˆ,

์ฃผ๊ตฌ์žฅ์ฐฝ ์‚ฝ์งˆํ•˜์ง€ ๋ง์ž. 

 

 

๋‚จ๊ธฐ๋Š” ๊ฒƒ์€ ์ค‘์š”ํ•˜๋‚˜,

๋” ์ค‘์š”ํ•œ ๊ฒƒ์€

๊ฒฐ๊ณผ๋ฌผ์ด๋‹ˆ๊นŒ ๋ง์ด๋‹ค.

 

๐Ÿš€ ์ŠคํŒŒ๋ฅดํƒ€์ฝ”๋”ฉํด๋Ÿฝ FLUTTER ์•ฑ์ฐฝ์—… 6๊ธฐ – DAY 5 TIL

 

๐Ÿ’ก "์›๋ž˜ ์‰ฌ๋Š” ๋‚ ์ด์ง€๋งŒ, ์•ฑ ๊ฐœ๋ฐœ์ด ์ฒ˜์Œ์ด๋ผ ์กฐ๊ธˆ ๋” ๊ณต๋ถ€ํ•ด์•ผ ํ•  ๊ฒƒ ๊ฐ™๋‹ค."
๐Ÿ’ก "Flutter ๊ฐœ๋ฐœ ํ™˜๊ฒฝ ์„ค์ • ์˜ค๋ฅ˜ ํ•ด๊ฒฐ – ์‹œํ–‰์ฐฉ์˜ค ์†์—์„œ ๋ฐฐ์šฐ๋Š” ๊ณผ์ •!"

 

์‚ฌ์ „๋ถ€ํŠธ์บ ํ”„ 5์ผ์ฐจ.


์›๋ž˜๋Š” ๊ณต๋ถ€ํ•˜์ง€ ์•Š๋Š” ๋‚ ์ด์—ˆ์ง€๋งŒ,

์•ฑ ๊ฐœ๋ฐœ์ด ์ฒ˜์Œ์ด๋‹ค ๋ณด๋‹ˆ

ํ™˜๊ฒฝ ์„ค์ •๋ถ€ํ„ฐ ์ต์ˆ™ํ•˜์ง€ ์•Š์•„

์‹œ๊ฐ„์„ ๋” ํˆฌ์žํ•˜๊ธฐ๋กœ ํ–ˆ๋‹ค.

 

 


์–ด์ œ Flutter๋ฅผ ์„ค์น˜ํ•˜๊ณ 

‘flutter doctor’ ๋ช…๋ น์–ด๋ฅผ ์‹คํ–‰ํ–ˆ๋Š”๋ฐ,

์—ฌ๋Ÿฌ ๊ฐ€์ง€ ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ–ˆ๋‹ค.

 

 

 

 


์˜ค๋Š˜์€ ์ด ์˜ค๋ฅ˜๋“ค์„ ํ•ด๊ฒฐํ•˜๋ฉด์„œ,

Flutter ๊ฐœ๋ฐœ ํ™˜๊ฒฝ์„

์ œ๋Œ€๋กœ ๊ฐ–์ถ”๋Š” ๊ฒƒ์ด ๋ชฉํ‘œ์˜€๋‹ค.


 ๐Ÿ“Œ ์˜ค๋Š˜์˜ ์ฃผ์š” ์ง„ํ–‰ ์‚ฌํ•ญ

 

โœ… 1. Flutter ํ™˜๊ฒฝ ์„ค์ • ์˜ค๋ฅ˜ ํ•ด๊ฒฐ ๋ฐ ์ •๋ฆฌ
โœ” flutter doctor ์‹คํ–‰ ์‹œ ๋ฐœ์ƒํ•œ ์˜ค๋ฅ˜ ํ•ด๊ฒฐ
โœ” Android SDK, Visual Studio ์„ค์น˜ ๋ฐ ์„ค์ •

โœ… 2. ์˜ค๋ฅ˜ ํ•ด๊ฒฐ ๊ณผ์ • ํฌ์ŠคํŒ… ์ •๋ฆฌ
โœ” Windows, Mac ํ™˜๊ฒฝ ์„ค์ • ๊ฐ€์ด๋“œ ์ž‘์„ฑ
โœ” Java, Gradle ์˜ค๋ฅ˜ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ• ์ •๋ฆฌ

โœ… 3. ๊ฐœ๋ฐœ ํ™˜๊ฒฝ ์ตœ์ ํ™” ๋ฐ ํ…Œ์ŠคํŠธ
โœ” ํ™˜๊ฒฝ ๋ณ€์ˆ˜๋ฅผ ๋‹ค์‹œ ์„ค์ •ํ•˜๊ณ , ์ •์ƒ ์ž‘๋™ ์—ฌ๋ถ€ ํ™•์ธ
โœ” ์ดํ›„ ํ”„๋กœ์ ํŠธ ์ง„ํ–‰์„ ์œ„ํ•œ Flutter ์‹คํ–‰ ํ…Œ์ŠคํŠธ

โœ… 4. TIL ์ •๋ฆฌ ๋ฐ ํฌ์ŠคํŒ…
โœ” 5์ผ์ฐจ ํ•™์Šต ๋‚ด์šฉ ์ •๋ฆฌ ํ›„ ํฌ์ŠคํŒ… ์™„๋ฃŒ

 


 ์˜ค๋Š˜ ์ˆ˜ํ–‰ํ•œ ์ผ

 

  ๐ŸŽฏ Flutter ์„ค์น˜ ํ›„ ‘flutter doctor’ ์˜ค๋ฅ˜ ํ•ด๊ฒฐ ๊ณผ์ •

 

์–ด์ œ Flutter ์„ค์น˜ ํ›„ CMD์—์„œ flutter doctor ๋ช…๋ น์–ด๋ฅผ ์‹คํ–‰ํ•˜์ž ์—ฌ๋Ÿฌ ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ–ˆ๋‹ค.
์˜ค๋Š˜์€ ์ด ์˜ค๋ฅ˜๋“ค์„ ํ•˜๋‚˜์”ฉ ํ•ด๊ฒฐํ•˜๋ฉด์„œ, Flutter ๊ฐœ๋ฐœ ํ™˜๊ฒฝ์„ ์ •์ƒ์ ์œผ๋กœ ์„ค์ •ํ•˜๋Š” ๊ณผ์ •์ด์—ˆ๋‹ค.

โš ๏ธ ๋ฐœ์ƒํ•œ ์˜ค๋ฅ˜ ๋ฆฌ์ŠคํŠธ ๋ฐ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•

๐Ÿ”น 1. Android SDK cmdline-tools component missing
๐Ÿ“Œ ์˜ค๋ฅ˜ ๋ฉ”์‹œ์ง€:

 

์‚ฌ์‹ค 'Flutter ๊ธฐ์ดˆ' ์นดํ…Œ๊ณ ๋ฆฌ์—๋Š”

์ฒ™์ฒ™ ํ•ด๋‚ธ ๊ฒƒ ์ฒ˜๋Ÿผ ํฌ์ŠคํŒ… ํ–ˆ์ง€๋งŒ,

์ฒ˜์Œ์—” ๋‹นํ™ฉํ–ˆ์—ˆ๋‹ค.

 

 

์•Œ๊ณ ๋ณด๋‹ˆ,

์ •์ƒ์ธ ๊ฒƒ์ด์—ˆ๋‹ค.

๋‹ค์Œ ์Šคํ…์œผ๋กœ ์ฒ™์ฒ™ ์ง„ํ–‰ํ•˜๋ฉด ๋˜์—ˆ๋˜ ๊ฒƒ,

 

 


๐Ÿ”น 1. Android SDK cmdline-tools component missing

๐Ÿ“Œ ์˜ค๋ฅ˜ ๋ฉ”์‹œ์ง€:

 

๐Ÿ“Œ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•:
โœ” Android Studio๋ฅผ ์‹คํ–‰ํ•˜์—ฌ SDK Manager๋กœ ์ด๋™
โœ” cmdline-tools ์„ค์น˜ ์ง„ํ–‰


๐Ÿ”น 2. Android license status unknown

๐Ÿ“Œ ์˜ค๋ฅ˜ ๋ฉ”์‹œ์ง€:

 

๐Ÿ“Œ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•:
โœ” CMD์—์„œ ๋‹ค์Œ ๋ช…๋ น์–ด ์‹คํ–‰

flutter doctor --android-licenses

โœ” ์•ˆ๋‚ด์— ๋”ฐ๋ผ ‘y’๋ฅผ ์ž…๋ ฅํ•ด ๋ผ์ด์„ ์Šค ๋™์˜


๐Ÿ”น 3. Visual Studio - develop Windows apps ์˜ค๋ฅ˜

๐Ÿ“Œ ์˜ค๋ฅ˜ ๋ฉ”์‹œ์ง€:

 

๐Ÿ“Œ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•:
โœ” Visual Studio ๊ณต์‹ ์‚ฌ์ดํŠธ์—์„œ Desktop development with C++ ์˜ต์…˜ ํฌํ•จํ•˜์—ฌ ์„ค์น˜
โœ” ์„ค์น˜ ํ›„ ๋‹ค์‹œ flutter doctor ์‹คํ–‰ํ•˜์—ฌ ์˜ค๋ฅ˜ ํ•ด๊ฒฐ ํ™•์ธ

 


๐Ÿ“Œ Flutter ํ™˜๊ฒฝ ์„ค์ • ์˜ค๋ฅ˜ ํ•ด๊ฒฐ ํฌ์ŠคํŒ… ๋ณด๊ธฐ

[์•ฑ ๊ฐœ๋ฐœ ๊ธฐ์ดˆ] Windows ๊ฐœ๋ฐœ ํ™˜๊ฒฝ ์„ค์ •: Android Studio ์„ค์น˜ ๋ฐ ์„ค์ •

 

[์•ฑ ๊ฐœ๋ฐœ ๊ธฐ์ดˆ] Windows ๊ฐœ๋ฐœ ํ™˜๊ฒฝ ์„ค์ •: Android Studio ์„ค์น˜ ๋ฐ ์„ค์ •

๋ชฉ์ฐจ โ… . ์„œ๋ก : Android Studio๊ฐ€ ํ•„์š”ํ•œ ์ด์œ  ๐Ÿ“Œ 1. Android Studio๋ž€? ๐Ÿ“Œ 2. Flutter ๊ฐœ๋ฐœ์—์„œ Android Studio์˜ ์—ญํ•  โ…ก. ๋ณธ๋ก : Windows์—์„œ Android Studio ์„ค์น˜ ๋ฐ ์„ค์ • ๐Ÿ“Œ 1. Step 1: Android Studio ๋‹ค์šด๋กœ

grmeems.tistory.com

 

[์•ฑ ๊ฐœ๋ฐœ ๊ธฐ์ดˆ] Windows ๊ฐœ๋ฐœ ํ™˜๊ฒฝ ์„ค์ •: VS Code ํ”Œ๋Ÿฌ๊ทธ์ธ ์„ค์น˜ ๋ฐ ์„ค์ •, ํ…Œ๋งˆ ๋ฐ ํฐํŠธ ์„ค์ •(Fira Code ๋‹ค์šด)

 

[์•ฑ ๊ฐœ๋ฐœ ๊ธฐ์ดˆ] Windows ๊ฐœ๋ฐœ ํ™˜๊ฒฝ ์„ค์ •: VS Code ํ”Œ๋Ÿฌ๊ทธ์ธ ์„ค์น˜ ๋ฐ ์„ค์ •, ํ…Œ๋งˆ ๋ฐ ํฐํŠธ ์„ค์ •(Fira Code ๋‹ค

๋ชฉ์ฐจ โ… . ์„œ๋ก : ์™œ VS Code๋ฅผ ์‚ฌ์šฉํ• ๊นŒ? ๐Ÿ“Œ 1.  VS Code๊ฐ€ Flutter ๊ฐœ๋ฐœ์— ์ ํ•ฉํ•œ ์ด์œ  ๐Ÿ“Œ 2.  VS Code์™€ Android Studio ๋น„๊ต โ…ก. Windows์—์„œ VS Code ์„ค์ •ํ•˜๊ธฐ ๐Ÿ“Œ 1. Step 1: VS Code ๋‹ค์šด๋กœ๋“œ ๋ฐ ์„ค

grmeems.tistory.com

 


๐ŸŽฏ ์ถ”๊ฐ€ ์ •๋ฆฌ – Mac ๊ฐœ๋ฐœ ํ™˜๊ฒฝ ์„ค์ • & Java / Gradle ์˜ค๋ฅ˜ ํ•ด๊ฒฐ

 

Windows๋ฟ๋งŒ ์•„๋‹ˆ๋ผ, Mac ํ™˜๊ฒฝ์—์„œ์˜ ๊ฐœ๋ฐœ ์„ค์ •๋„ ํ•จ๊ป˜ ์ •๋ฆฌํ–ˆ๋‹ค.
โœ” Xcode ๋ฐ Homebrew ์„ค์น˜
โœ” CocoaPods ์„ค์ • ๋ฐ iOS ์‹œ๋ฎฌ๋ ˆ์ดํ„ฐ ์‹คํ–‰

๐Ÿ”น 1. Mac ๊ฐœ๋ฐœ ํ™˜๊ฒฝ ์„ค์ •
๐Ÿ“Œ Xcode ๋ฐ Homebrew ์„ค์น˜ ๊ฐ€์ด๋“œ
๐Ÿ“Œ CocoaPods ์„ค์น˜ ๋ฐ iOS ์‹œ๋ฎฌ๋ ˆ์ดํ„ฐ ์‹คํ–‰ ๊ฐ€์ด๋“œ

๐Ÿ”น 2. Java & Gradle ์˜ค๋ฅ˜ ํ•ด๊ฒฐ
๐Ÿ“Œ Gradle ๋ฒ„์ „ ์ถฉ๋Œ ์‹œ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•
๐Ÿ“Œ Java ํ™˜๊ฒฝ ๋ณ€์ˆ˜ ์žฌ์„ค์ • ๋ฐฉ๋ฒ•

๐Ÿ“Œ Mac ํ™˜๊ฒฝ ์„ค์ • ๋ฐ Java ์˜ค๋ฅ˜ ํ•ด๊ฒฐ ํฌ์ŠคํŒ… ๋ณด๊ธฐ
๐Ÿ“Œ Mac ๊ฐœ๋ฐœ ํ™˜๊ฒฝ ์„ค์ • – Xcode ๋ฐ Homebrew ์„ค์น˜
๐Ÿ“Œ Mac ๊ฐœ๋ฐœ ํ™˜๊ฒฝ ์„ค์ • – CocoaPods ๋ฐ iOS ์‹œ๋ฎฌ๋ ˆ์ดํ„ฐ ์‹คํ–‰
๐Ÿ“Œ Java & Gradle ์˜ค๋ฅ˜ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•

 


์˜ค๋Š˜์˜ ํšŒ๊ณ 

 

Flutter ๊ฐœ๋ฐœ ํ™˜๊ฒฝ ์„ค์ •, ์‹œํ–‰์ฐฉ์˜ค๋ฅผ ํ†ตํ•ด ๋ฐฐ์šฐ๋‹ค

 

  • Flutter ๊ฐœ๋ฐœ ํ™˜๊ฒฝ ์„ค์ •์€ ์ƒ๊ฐ๋ณด๋‹ค ์‰ฝ์ง€ ์•Š์•˜๋‹ค.
  • ํŠนํžˆ, ์ฒ˜์Œ ์„ค์น˜ ์‹œ ‘flutter doctor’์—์„œ ๋ฐœ์ƒํ•˜๋Š” ์˜ค๋ฅ˜๋ฅผ ํ•ด๊ฒฐํ•˜๋Š” ๊ณผ์ •์—์„œ ๋งŽ์€ ์‹œํ–‰์ฐฉ์˜ค๋ฅผ ๊ฒช์—ˆ๋‹ค.
  • ๊ทธ๋Ÿฌ๋‚˜ ์˜ค๋ฅ˜๋ฅผ ํ•˜๋‚˜์”ฉ ํ•ด๊ฒฐํ•ด ๊ฐ€๋ฉด์„œ, ๊ฐœ๋ฐœ ํ™˜๊ฒฝ์— ๋Œ€ํ•œ ์ดํ•ด๋„๊ฐ€ ๋†’์•„์กŒ๊ณ , ์•ž์œผ๋กœ์˜ Flutter ํ•™์Šต์ด ํ›จ์”ฌ ์ˆ˜์›”ํ•ด์งˆ ๊ฒƒ ๊ฐ™๋‹ค.
  • ๋‚ด์ผ๋ถ€ํ„ฐ๋Š” ๋ณธ๊ฒฉ์ ์œผ๋กœ Dart ๊ธฐ๋ณธ ๋ฌธ๋ฒ•์„ ํ•™์Šตํ•˜๊ณ , ์ฒซ ๋ฒˆ์งธ Flutter ์•ฑ์„ ๋งŒ๋“ค์–ด๋ณผ ๊ณ„ํš!

 

๐Ÿ“Œ ๋‹ค์Œ ๋ชฉํ‘œ:

โœ” Dart ๊ธฐ๋ณธ ๋ฌธ๋ฒ• ํ•™์Šต
โœ” Flutter UI ๊ตฌ์„ฑ ์š”์†Œ ํ•™์Šต
โœ” ์ฒซ ๋ฒˆ์งธ ๊ฐ„๋‹จํ•œ ์•ฑ ๋งŒ๋“ค๊ธฐ ์‹ค์Šต

 


๐ŸŽฏ ์‚ฌ์ „ ์บ ํ”„ 5์ผ์ฐจ ํ•ต์‹ฌ ์ •๋ฆฌ

 

โœ” Flutter ๊ฐœ๋ฐœ ํ™˜๊ฒฝ ์„ค์ • ์˜ค๋ฅ˜ ํ•ด๊ฒฐ!
โœ” Windows / Mac ๊ฐœ๋ฐœ ํ™˜๊ฒฝ ์„ค์ • ์ •๋ฆฌ ์™„๋ฃŒ!
โœ” Java & Gradle ์˜ค๋ฅ˜ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ• ํ•™์Šต!
โœ” TIL ์ •๋ฆฌ ๋ฐ ํฌ์ŠคํŒ… ์™„๋ฃŒ!

 

 

๐Ÿ’ก ์ด์ œ ๊ฐœ๋ฐœ ํ™˜๊ฒฝ์ด ์ œ๋Œ€๋กœ ๊ฐ–์ถฐ์กŒ์œผ๋‹ˆ,

๋ณธ๊ฒฉ์ ์œผ๋กœ Flutter ๊ฐœ๋ฐœ์„

์‹œ์ž‘ํ•  ์ˆ˜ ์žˆ์„ ๊ฒƒ ๊ฐ™๋‹ค! ๐Ÿš€๐Ÿ”ฅ

728x90
728x90
BIG