๊ด€๋ฆฌ ๋ฉ”๋‰ด

๋š๋”ฑ๊ฐœ๋ฐœ ๐Ÿ”จ

[์ŠคํŒŒ๋ฅดํƒ€์ฝ”๋”ฉํด๋Ÿฝ] ํ”Œ๋Ÿฌํ„ฐ(Flutter)๋กœ ์‹œ์ž‘ํ•˜๋Š” ์•ฑ๊ฐœ๋ฐœ ์ข…ํ•ฉ๋ฐ˜ - 1์ฃผ์ฐจ ๊ฐœ๋ฐœ์ผ์ง€ โ‘  ๋ณธ๋ฌธ

๊ฐœ๋ฐœ/๐ŸŽฏ Flutter

[์ŠคํŒŒ๋ฅดํƒ€์ฝ”๋”ฉํด๋Ÿฝ] ํ”Œ๋Ÿฌํ„ฐ(Flutter)๋กœ ์‹œ์ž‘ํ•˜๋Š” ์•ฑ๊ฐœ๋ฐœ ์ข…ํ•ฉ๋ฐ˜ - 1์ฃผ์ฐจ ๊ฐœ๋ฐœ์ผ์ง€ โ‘ 

๋š๋”ฑ๊ฐœ๋ฐœ์ž ๐Ÿ”ง 2023. 11. 7. 23:50
๋ฐ˜์‘ํ˜•

1. Flutter

์•ฑ ๊ฐœ๋ฐœ ๋ฐฉ๋ฒ•

1) Native App

- Android, iOS ๊ฐ๊ฐ์˜ ๊ฐœ๋ฐœ ๋ฐฉ๋ฒ•์— ๋”ฐ๋ผ 2๋ฒˆ ๋งŒ๋“œ๋Š” ๋ฐฉ๋ฒ• (์™„์ „ํžˆ ๋˜‘๊ฐ™์€ ๊ธฐ๋Šฅ์„ ๊ฐ€์ง„ ์•ฑ)

- ์žฅ์  : ์„ฑ๋Šฅ์ด ๊ฐ€์žฅ ๋น ๋ฅด๊ณ  ์ตœ์‹  ๊ธฐ๋Šฅ์„ ๋น ๋ฅด๊ฒŒ ์ ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค. 

- ๋‹จ์  : ๋‹ค๋ฅธ ์–ธ์–ด๋กœ ๋‘ ๋ฒˆ ์•ฑ์„ ์ œ์ž‘ํ•ด์•ผ ํ•œ๋‹ค. -> ๋ฆฌ์†Œ์Šค๊ฐ€ ๋งŽ์ด ๋“ ๋‹ค.

 

2) Cross Platform App

- ํ•˜๋‚˜์˜ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด์™€ ์†Œ์Šค ์ฝ”๋“œ๋กœ Android, iOS ๋ชจ๋‘ ๋งŒ๋“œ๋Š” ๋ฐฉ๋ฒ•

- Readt Native, Flutter

- ์žฅ์  : ํ•˜๋‚˜์˜ ์–ธ์–ด๋กœ ๋‘ ํ”Œ๋žซํผ์—์„œ ๋ชจ๋‘ ์‹คํ–‰๋˜๋Š” ์•ฑ์„ ๋น ๋ฅด๊ฒŒ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋‹ค.

 

์™œ Flutter?

1. Flutter๊ฐ€ React Native ๋Œ€๋น„ ํ•ซํ•˜๋‹ค. (์ปค๋ฎค๋‹ˆํ‹ฐ, ์ž๋ฃŒ ↑)

2. ๊ณต์‹ ๋ฌธ์„œ๊ฐ€ ์ž˜ ๋˜์–ด ์žˆ๋‹ค.

3. ์„ฑ๋Šฅ์ด ๋›ฐ์–ด๋‚˜๋‹ค.

 

 


2. ์„ค์น˜

1) Flutter

Android์™€ iOS ์•ฑ์„ ํ•˜๋‚˜์˜ ์ฝ”๋“œ๋กœ ๊ตฌํ˜„ํ•  ์ˆ˜ ์žˆ๋„๋ก ๋„์™€์ฃผ๋Š” ํ”„๋ ˆ์ž„์›Œํฌ

 

 

- ์ผ๋ฐ˜์ ์ธ ํ”„๋กœ๊ทธ๋žจ ์„ค์น˜์™€ ๋‹ค๋ฅด๊ฒŒ zip ํŒŒ์ผ์„ ๋‹ค์šด๋กœ๋“œ ๋ฐ›์•„ ์••์ถ• ํ•ด์ œ (์‚ฌ์šฉ์žํด๋” > development ํด๋”)

- ์••์ถ• ํ•ด์ œํ•œ flutter ๊ฒฝ๋กœ๋ฅผ ํ™˜๊ฒฝ๋ณ€์ˆ˜์— ๋“ฑ๋ก

echo 'export PATH="$PATH:$HOME/development/flutter/bin"' >> ~/.zshrc && source ~/.zshrc

2) VSCode

์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•  ๋•Œ ์‚ฌ์šฉํ•˜๋Š” ์—๋””ํ„ฐ

 

3) Android Studio

Android ์•ฑ์„ ๊ฐœ๋ฐœํ•˜๊ธฐ ์œ„ํ•ด ํ•„์š”ํ•œ IDE. ์—๋ฎฌ๋ ˆ์ดํ„ฐ ํฌํ•จ

 

4) Xcode

iOS ์•ฑ์„ ๊ฐœ๋ฐœํ•˜๊ธฐ ์œ„ํ•ด ํ•„์š”ํ•œ IDE. ์—๋ฎฌ๋ ˆ์ดํ„ฐ ํฌํ•จ

 

์„ค์น˜ํ™•์ธ

flutter doctor

 

๋ฐ˜์‘ํ˜•