๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

๐Ÿ“ฑ|APP DEV/Flutter5

[Flutter] ํ”Œ๋Ÿฌํ„ฐ 1์ฃผ์ฐจ(2) - ๊ตฌ์กฐ, ์‹œ์ž‘ํ•˜๊ธฐ(VSCode) 2023.01.19 - [๐Ÿ“ฑ|APP DEV/Flutter] - [Flutter] ํ”Œ๋Ÿฌํ„ฐ 1์ฃผ์ฐจ(1) - ํŠน์ง•, ํ™˜๊ฒฝ์„ค์ •(Mac) ๊ตฌ์กฐ Flutter๋Š” ์œ„์ ฏ(Widget)์œผ๋กœ ๋ชจ๋“  ๊ฒƒ์ด ๊ตฌ์„ฑ๋œ๋‹ค. ์œ„์ ฏ์€ '์ž‘์€ ๋ชจ๋“ˆ'์ด๊ณ  ์ด๊ฒƒ์„ ๋ถ™์ด๊ณ  ๋ถ™์—ฌ์„œ ํ•˜๋‚˜์˜ ์•ฑ์„ ๋งŒ๋“ ๋‹ค. https://docs.flutter.dev/development/ui/widgets ์œ„์˜ ๋งํฌ์—์„œ๋Š” Flutter ๊ณต์‹๋ฌธ์„œ์—์„œ ์ œ๊ณตํ•˜๋Š” ์œ„์ ฏ๋“ค์„ ์‚ดํŽด๋ณผ ์ˆ˜ ์žˆ๋‹ค. ๋ณ„๋„์˜ ํŒจํ‚ค์ง€ ์—†์ด ๊ฐ„ํŽธํ•˜๊ฒŒ ์ฝ”๋“œ๋งŒ ์ž…๋ ฅํ•˜์—ฌ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค. ์ด๋•Œ Andriod์™€ iOS์˜ ํ™”๋ฉด ๊ตฌ์„ฑ์„ ๊ตฌํ˜„ํ•œ ์œ„์ ฏ์˜ ์ด๋ฆ„์ด ๊ตฌ๋ถ„๋œ๋‹ค. Material Widget - Android ๊ธฐ๋ณธ ํ™”๋ฉด ๊ตฌ์„ฑ ์š”์†Œ Cupertino Widget - iOS ํ™”๋ฉด ๊ตฌ์„ฑ ์š”์†Œ Custom Widge.. 2023. 1. 23.
[Flutter] Flutter์—์„œ FontAwesome ์•„์ด์ฝ˜ ์‚ฌ์šฉํ•˜๊ธฐ ํ‰์†Œ ์ •๋ง ์• ์šฉํ•˜๋Š” ์•„์ด์ฝ˜ ์ œ๊ณต ์‚ฌ์ดํŠธ์ธ FontAwesome! https://fontawesome.com/ Flutterํ™˜๊ฒฝ์—์„œ ์•„์ด์ฝ˜ ์ ์šฉ ๋ฐฉ๋ฒ•์„ ์•Œ์•„๋ณด์•˜๋‹ค. ๋ฌผ๋ก  ๊ธฐ๋ณธ์ ์œผ๋กœ Material/Cupetino์—์„œ ์ง€์›ํ•ด์ฃผ๋Š” ์•„์ด์ฝ˜๋„ ์žˆ์ง€๋งŒ ์ƒํ™ฉ์— ๋งž๊ฒŒ ๋” ๋‹ค์–‘ํ•œ ์•„์ด์ฝ˜์„ ํ™œ์šฉํ•˜๊ธฐ ์œ„ํ•ด์„œ ์‚ฌ์šฉํ•œ๋‹ค. font_awsome_flutter ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ https://pub.dev/packages/font_awesome_flutter/install font_awesome_flutter | Flutter Package The Font Awesome Icon pack available as Flutter Icons. Provides 1600 additional icons to use in your apps. pub... 2023. 1. 23.
[Flutter] Flutter์—์„œ ๋กœ์ปฌ ์ด๋ฏธ์ง€ ๋„ฃ๊ธฐ (VSCode) Flutter์—์„œ ์ด๋ฏธ์ง€ ๋„ฃ๋Š” ๋ฒ•! 1. assets ํด๋”์™€ ๊ทธ ํ•˜์œ„ ํด๋” images๋ฅผ ์ƒ์„ฑํ•œ๋‹ค. 2. ํ•ด๋‹น ํด๋”์— ์ด๋ฏธ์ง€ ํŒŒ์ผ์„ ์‚ฝ์ž…ํ•œ๋‹ค. 3. pubspec.yaml ํŒŒ์ผ์„ ์ˆ˜์ •ํ•œ๋‹ค. 4. flutter pub get ๋ช…๋ น์–ด ์ž…๋ ฅ Vscode์—์„œ๋Š” yaml ํŒŒ์ผ ์ €์žฅ ์‹œ ์œ„ ๋ช…๋ น์–ด๊ฐ€ ์ž๋™์œผ๋กœ ์‹คํ–‰์ด ๋œ๋‹ค. 5. dartํŒŒ์ผ์˜ image์œ„์ ฏ ํ™œ์šฉ image.asset("์ด๋ฏธ์ง€ ๊ฒฝ๋กœ") ์ด๋ฏธ์ง€ ๊ฒฝ๋กœ๋ฅผ ์ž…๋ ฅํ•˜๋ฉด ํ•ด๋‹น ํŒŒ์ผ์„ ๋ถˆ๋Ÿฌ์˜ฌ ์ˆ˜ ์žˆ๋‹ค. ์ธํ„ฐ๋„ท์˜ ๊ทธ๋ฆผํŒŒ์ผ์„ ์ ์šฉํ•  ๊ฒฝ์šฐ Image.network("๊ฒฝ๋กœ") 2023. 1. 23.
[Flutter] ํ”Œ๋Ÿฌํ„ฐ 1์ฃผ์ฐจ(1) - ํŠน์ง•, ํ™˜๊ฒฝ์„ค์ •(Mac) --- ์ŠคํŒŒ๋ฅดํƒ€์ฝ”๋”ฉํด๋Ÿฝ๊ณผ ํ•จ๊ป˜ํ•˜๋Š” Flutter Week1 --- ์ŠคํŒŒ๋ฅดํƒ€์ฝ”๋”ฉํด๋Ÿฝ ์„œํฌํ„ฐ์ฆˆํ™œ๋™์—์„œ ์šฐ์ˆ˜์„œํฌํ„ฐ์ฆˆ๋กœ ์„ ์ •๋˜์–ด์„œ ๋ฐ›์•˜๋˜ ๋ฌด๋ฃŒ ์ˆ˜๊ฐ•๊ถŒ์„ ์ด์šฉํ•ด ์ด๋ฒˆ์—๋Š” ์•ฑ๊ฐœ๋ฐœ ์ฑŒ๋ฆฐ์ง€๋ฅผ ์ง„ํ–‰ํ•ด๋ณด๋ ค๊ณ ํ•œ๋‹ค! ํŠน์ง• Flutter๋Š” ๊ตฌ๊ธ€์—์„œ ์ถœ์‹œํ•œ ์˜คํ”ˆ ์†Œ์Šค ๋ชจ๋ฐ”์ผ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ํ”„๋ ˆ์ž„์›Œํฌ์ด๋‹ค! Dart๋ผ๋Š” ์–ธ์–ด๋ฅผ ์‚ฌ์šฉํ•˜๋ฉฐ iOS์™€ Android ํ™˜๊ฒฝ์„ ํ•˜๋‚˜์˜ ์ฝ”๋“œ๋กœ ํ•œ ๋ฒˆ์— ๊ฐœ๋ฐœํ•  ์ˆ˜ ์žˆ๋Š” ํฌ๋กœ์Šค ํ”Œ๋žซํผ ์•ฑ ๊ฐœ๋ฐœ ๋ฐฉ์‹์ด๋‹ค. ํฌ๋กœ์Šค ํ”Œ๋žซํผ ์•ฑ ๊ฐœ๋ฐœ ๋ฐฉ์‹์€ ๋„ค์ดํ‹ฐ๋ธŒ๋ฅผ ์„ฑ๋Šฅ๋ฉด์—์„œ ๋›ฐ์–ด๋„˜์„ ์ˆ˜ ์—†์ง€๋งŒ ํ›จ์”ฌ ๋” ๋น ๋ฅด๊ฒŒ ๋‘ ํ”Œ๋žซํผ์—์„œ ๋™์‹œ์— ๊ตฌ๋™์ด ๊ฐ€๋Šฅํ•œ ์•ฑ์„ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋‹ค๋Š” ์žฅ์ ์ด ์žˆ๋‹ค! ์ตœ๊ทผ๋“ค์–ด ๊ฐ™์€ ๊ฐœ๋ฐœ ๋ฐฉ์‹์ธ React Native๋ณด๋‹ค ๋” ์ฃผ๋ชฉ์„ ๋ฐ›๊ณ  ์žˆ๊ณ  ๊ทธ์— ๋”ฐ๋ผ์„œ ๊ด€๋ จ ์ž๋ฃŒ๋‚˜ ์ปค๋ฎค๋‹ˆํ‹ฐ ํ™œ๋™๋„ ํ™œ๋ฐœํ•˜๋‹ค๊ณ  ํ•œ๋‹ค! ๋˜ํ•œ ์•„.. 2023. 1. 19.
[Flutter] Android Studio Unable to find bundled Java version ์˜ค๋ฅ˜(Mac ํ™˜๊ฒฝ) ๋ฌธ์ œ ํ”Œ๋Ÿฌํ„ฐ ๊ฐœ๋ฐœ ํ™˜๊ฒฝ๊ตฌ์ถ• ์‹œ Android Studio๊ฐ€ ํ•„์š”ํ•˜๋‹ค. flutter doctor๋ฅผ ํ†ตํ•ด ์ง„๋‹จ์„ ํ•œ ๊ฒฐ๊ณผ ์œ„์™€ ๊ฐ™์€ ์—๋Ÿฌ ๋ฉ”์„ธ์ง€๋ฅผ ๋ฐ›์„ ์ˆ˜ ์žˆ๋‹ค. ํ•ด๊ฒฐ๋ฒ• 1. Java Path ํ™•์ธ ๋จผ์ € command + shift + . ์œผ๋กœ ์ˆจ๊น€ ํŒŒ์ผ์„ ๋ณด์ด๊ฒŒ ํ•œ ๋’ค .zshrc์—์„œ export JAVA_HOME=$(/usr/libexec/java_home)๋ฅผ ํ™•์ธํ•œ๋‹ค. ์—†์„ ๊ฒฝ์šฐ ์•„๋ž˜์˜ ์ฝ”๋“œ๋ฅผ ํ„ฐ๋ฏธ๋„์— ์ž…๋ ฅํ•˜์—ฌ ๊ฒฝ๋กœ๋ฅผ ์ˆ˜์ •ํ•œ๋‹ค. echo 'export JAVA_HOME=$(/usr/libexec/java_home)"' >> ~/.zshrc && source ~/.zshrc 2. ์•„๋ž˜์˜ ์ฝ”๋“œ๋ฅผ ์ž…๋ ฅํ•˜์—ฌ jbrํด๋”์— ์ปจํ…์ธ  ์ƒ์„ฑ cd /Applications/Android\ Studio.app/Conte.. 2023. 1. 18.
๋ฐ˜์‘ํ˜•