๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
๐Ÿ“ฑ|APP DEV/Flutter

[Flutter] ํ”Œ๋Ÿฌํ„ฐ 1์ฃผ์ฐจ(1) - ํŠน์ง•, ํ™˜๊ฒฝ์„ค์ •(Mac)

by KASSID 2023. 1. 19.

๋ชฉ์ฐจ

    728x90

    --- ์ŠคํŒŒ๋ฅดํƒ€์ฝ”๋”ฉํด๋Ÿฝ๊ณผ ํ•จ๊ป˜ํ•˜๋Š” Flutter Week1 ---

    ์ŠคํŒŒ๋ฅดํƒ€์ฝ”๋”ฉํด๋Ÿฝ ์„œํฌํ„ฐ์ฆˆํ™œ๋™์—์„œ ์šฐ์ˆ˜์„œํฌํ„ฐ์ฆˆ๋กœ ์„ ์ •๋˜์–ด์„œ ๋ฐ›์•˜๋˜ ๋ฌด๋ฃŒ ์ˆ˜๊ฐ•๊ถŒ์„ ์ด์šฉํ•ด

    ์ด๋ฒˆ์—๋Š” ์•ฑ๊ฐœ๋ฐœ ์ฑŒ๋ฆฐ์ง€๋ฅผ ์ง„ํ–‰ํ•ด๋ณด๋ ค๊ณ ํ•œ๋‹ค!

    ํŠน์ง•

    Flutter๋Š” ๊ตฌ๊ธ€์—์„œ ์ถœ์‹œํ•œ ์˜คํ”ˆ ์†Œ์Šค ๋ชจ๋ฐ”์ผ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ํ”„๋ ˆ์ž„์›Œํฌ์ด๋‹ค!

    Dart๋ผ๋Š” ์–ธ์–ด๋ฅผ ์‚ฌ์šฉํ•˜๋ฉฐ

    iOS์™€ Android ํ™˜๊ฒฝ์„ ํ•˜๋‚˜์˜ ์ฝ”๋“œ๋กœ ํ•œ ๋ฒˆ์— ๊ฐœ๋ฐœํ•  ์ˆ˜ ์žˆ๋Š” ํฌ๋กœ์Šค ํ”Œ๋žซํผ ์•ฑ ๊ฐœ๋ฐœ ๋ฐฉ์‹์ด๋‹ค.

     

    ํฌ๋กœ์Šค ํ”Œ๋žซํผ ์•ฑ ๊ฐœ๋ฐœ ๋ฐฉ์‹์€ ๋„ค์ดํ‹ฐ๋ธŒ๋ฅผ ์„ฑ๋Šฅ๋ฉด์—์„œ ๋›ฐ์–ด๋„˜์„ ์ˆ˜ ์—†์ง€๋งŒ

    ํ›จ์”ฌ ๋” ๋น ๋ฅด๊ฒŒ ๋‘ ํ”Œ๋žซํผ์—์„œ ๋™์‹œ์— ๊ตฌ๋™์ด ๊ฐ€๋Šฅํ•œ ์•ฑ์„ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋‹ค๋Š” ์žฅ์ ์ด ์žˆ๋‹ค!

     

    ์ตœ๊ทผ๋“ค์–ด ๊ฐ™์€ ๊ฐœ๋ฐœ ๋ฐฉ์‹์ธ React Native๋ณด๋‹ค ๋” ์ฃผ๋ชฉ์„ ๋ฐ›๊ณ  ์žˆ๊ณ 

    ๊ทธ์— ๋”ฐ๋ผ์„œ ๊ด€๋ จ ์ž๋ฃŒ๋‚˜ ์ปค๋ฎค๋‹ˆํ‹ฐ ํ™œ๋™๋„ ํ™œ๋ฐœํ•˜๋‹ค๊ณ  ํ•œ๋‹ค!

     

    ๋˜ํ•œ ์•„์ฃผ ์ž˜ ์ •๋ฆฌ๋œ ๊ณต์‹ ๋ฌธ์„œ๋„ ์ œ๊ณตํ•œ๋‹ค.

    https://docs.flutter.dev/

     

     

     

    ์ธํ…” Mac์—์„œ์˜ ํ™˜๊ฒฝ์„ค์ •

    1. flutter๋ฅผ ์„ค์น˜ํ•  ํด๋” ์ƒ์„ฑ

     

    2. flutter ๋‹ค์šด๋กœ๋“œ

    https://docs.flutter.dev/get-started/install/macos

    ๋‹ค์šด๋กœ๋“œํ•œ zipํŒŒ์ผ์„ ์ƒ์„ฑํ•œ ํด๋”์— ์˜ฎ๊ธด ํ›„ ์••์ถ• ํ•ด์ œ

     

    3. Path ์„ค์ •

    ๋กœ์ปฌ ๋‚ด์—์„œ ์–ด๋””์„œ๋“  ์ ‘๊ทผ์ด ๊ฐ€๋Šฅํ•˜๋„๋ก ๊ฒฝ๋กœ ์„ค์ •ํ•˜๊ธฐ

    (Catalina ์ด์ƒ ๋ฒ„์ „)

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

     

    4. flutter ์„ค์น˜

    flutter --version

    ๋ฒ„์ „ํ™•์ธ์„ ํ•œ ๋ฒˆ ํ•ด๋ณด๋ฉด ์„ค์น˜๊ฐ€ ์ง„ํ–‰์ด ๋œ๋‹ค.(flutter ๋ช…๋ น์–ด๋ฅผ ์‚ฌ์šฉํ•ด์„œ)

    ๋งŒ์•ฝ ๋ณด์•ˆ ์˜ค๋ฅ˜๊ฐ€ ๋‚˜์˜ฌ ๊ฒฝ์šฐ ์„ค์ •์—์„œ ํ™•์ธํ•˜๊ธฐ!

     

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

    flutter --version

    ๋ฒ„์ „์ด ํ™•์ธ๋  ๊ฒฝ์šฐ ์„ค์น˜๊ฐ€ ์™„๋ฃŒ๋œ๋‹ค.

     

    6. flutter ๊ฐœ๋ฐœ์— ํ•„์š”ํ•œ ํ•ญ๋ชฉ ์„ค์น˜

    flutter doctor

    ํ”Œ๋Ÿฌํ„ฐ ๊ฐœ๋ฐœ์— ํ•„์š”ํ•œ ๊ฒƒ๋“ค์ด ๊ตฌ๋น„๋˜์–ด์žˆ๋Š”์ง€ ํ™•์ธํ•˜๋Š” ๋ช…๋ น์–ด์ด๋‹ค.

     Android ๊ฐœ๋ฐœ 
     - Android Studio
     - Android SDK

     iOS ๊ฐœ๋ฐœ 
     - Xcode
     - CocoaPods

    ๋ชจ๋“  ํ™˜๊ฒฝ ์„ค์ •์ด ์™„๋ฃŒ๋˜์—ˆ์„ ๊ฒฝ์šฐ ์œ„์™€ ๊ฐ™์€ ๋ฉ”์„ธ์ง€๋ฅผ ๋ฐ›์„ ์ˆ˜ ์žˆ๋‹ค.

     


     

     

    ๋Œ“๊ธ€