Frontend ๐Ÿ“š/Flutter 10

[Flutter]๋ ˆ์ด์•„์›ƒ ํŠœํ† ๋ฆฌ์–ผ

https://docs.flutter.dev/development/ui/layout/tutorial Step 1: Diagram the layout Step 2: Implement the title row Step 3: Implement the button row Step 4: Implement the text section Step 5: Implement the image section Step 6: Final Step 1: Diagram the layout Step 2: Implement the title row  Step 3: Implement the button row Step 4: Implement the text section  Step 5: Implement the image section ..

[Dart] Dart ๊ธฐ๋ณธ ๋ฌธ๋ฒ•_(3)

7. ํ•จ์ˆ˜ํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ 1) ์ผ๊ธ‰ ๊ฐ์ฒด first-class object(์ผ๊ธ‰ ๊ฐ์ฒด): ํ•จ์ˆ˜๋ฅผ ๋งค๊ฐœ๋ณ€์ˆ˜๋กœ ์ „๋‹ฌ, ์ˆ˜์ •, ๋ณ€์ˆ˜์— ๋Œ€์ž…์ด ๊ฐ€๋Šฅํ•œ ๊ฐ์ฒด Dart์—์„  ํ•จ์ˆ˜๋ฅผ ํ‘œํ˜„ํ•  ์ˆ˜ ์žˆ๋Š” ๊ฒƒ๋“ค(๋žŒ๋‹ค์‹, ์ต๋ช… ํ•จ์ˆ˜, ๋ฉ”์„œ๋“œ)์€ ๋ชจ๋‘ ๊ฐ’์„ ์ทจ๊ธ‰ ๊ฐ€๋Šฅ void greeting(String text) { print(text); } void main() { var f = greeting; // ํ•จ์ˆ˜, ๋‹ค๋ฆ„ ๋ณ€์ˆ˜์— ๋Œ€์ž… ๊ฐ€๋Šฅ f('hello'); } // ๋‹ค๋ฅธ ํ•จ์ˆ˜์˜ ์ธ์ˆ˜๋กœ ํ•จ์ˆ˜ ์ž์ฒด๋ฅผ ์ „๋‹ฌ or ๋ฐ˜ํ™˜ ๊ฐ€๋Šฅ void something(Function(int i) f) { f(10); } // case1 void main() { something((value) { print(value); }); } // case2 voi..

[Dart] Dart ๊ธฐ๋ณธ ๋ฌธ๋ฒ•_(2)

5. ๊ฐ์ฒด ์ง€ํ–ฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ 1) ํด๋ž˜์Šค ํด๋ž˜์Šค: ์ธ์Šคํ„ฐ์Šคํ™”ํ•˜๊ธฐ ์œ„ํ•œ ์„ค๊ณ„๋„ ์—ญํ• (์ธ์Šคํ„ด์Šคํ™”: ๊ฐ์ฒด๋ฅผ ๋ฉ”๋ชจ๋ฆฌ์— ์ž‘์„ฑํ•˜๋Š” ๊ฒƒ) ํ”„๋กœํผํ‹ฐ: ํด๋ž˜์Šค ์•ˆ์—์„œ ์†์„ฑ์„ ํ‘œํ˜„ ๋ฉ”์„œ๋“œ: ํด๋ž˜์Šค ์•ˆ์— ์ž‘์„ฑํ•˜๋Š” ํ•จ์ˆ˜(ํด๋ž˜์Šค์˜ ํ”„๋กœํผํ‹ฐ๋ฅผ ์กฐ์ž‘ํ•˜๋Š” ๋“ฑ์˜ ์šฉ๋„๋กœ ์‚ฌ์šฉ), .์—ฐ์‚ฐ์ž ๋ถ™์—ฌ ์ ‘๊ทผ ๊ฐ€๋Šฅ ์ธ์Šคํ„ด์Šค: ๋ฉ”๋ชจ๋ฆฌ์— ์ž‘์„ฑ๋œ ๊ฐ์ฒด 2) ์ ‘๊ทผ ์ง€์ •์ž ๋ณ€์ˆ˜๋ช… ์•ž์— _๊ธฐํ˜ธ๋ฅผ ๋ถ™์ด์ง€ ์•Š์œผ๋ฉด ์™ธ๋ถ€์—์„œ ์ ‘๊ทผ ๊ฐ€๋Šฅ, ๋ถ™์ด๋ฉด ์ ‘๊ทผ ๋ถˆ๊ฐ€๋Šฅ ํ”„๋ผ์ด๋น— ๋ณ€์ˆ˜(_๊ธฐํ˜ธ ๋ถ™): ํ•ด๋‹น ํด๋ž˜์Šค๊ฐ€ ์ •์˜๋˜์–ด ์žˆ์ง€ ์•Š๋Š” ๋‹ค๋ฅธ ํŒŒ์ผ์—์„œ ์ง์ ‘ ์ ‘๊ทผ ๋ถˆ๊ฐ€๋Šฅ ๋ฉ”์„œ๋“œ์—๋„ ๋™์ผํ•˜๊ฒŒ ์ ์šฉ // person.dart class Person{ int _age; } // main.dart import "person.dart"; ... var person = Person(); perso..

[Dart] Dart ๊ธฐ๋ณธ ๋ฌธ๋ฒ•_(1)

1. Dart ์–ธ์–ด ์—ฐ์Šต ํ™˜๊ฒฝ dartpad ์‚ฌ์šฉ dart ๋ฌธ๋ฒ• main ํ•จ์ˆ˜๊ฐ€ ์ง„์ž…์ ์ž„ 2. ๊ธฐ๋ณธ ๋ฌธ๋ฒ• 1) ์ฃผ์„ // : ํ•œ ์ค„ ์ฃผ์„ /* ... */ : ์—ฌ๋Ÿฌ ์ค„ ์ฃผ์„ /// : ๋ฌธ์„œ ์ฃผ์„ 2) ๋ฌธ์žฅ: ๋์— ์ƒˆ๋ฏธ์ฝœ๋ก (;) 3) ๋ณ€์ˆ˜ ๊ธฐ๋ณธ ํƒ€์ž…: int, double, String, bool num: int์™€ double ํฌํ•จ ์ž๋™ ํ˜•๋ณ€ํ™˜ ์ง€์›x 4) ํƒ€์ž… ์ถ”๋ก  var: ํƒ€์ž…์„ ์ง์ ‘ ๋ช…์‹œํ•˜์ง€ ์•Š๊ณ  var๋กœ ๋Œ€์ฒดํ•  ์ˆ˜ ์žˆ์Œ var i = 10; //int ํƒ€์ž… var s = 'hi'; //๋ฌธ์ž์—ด ํƒ€์ž… 5) ์ƒ์ˆ˜ final, const final: ๊ฐ’์ด ์ˆ˜์ •๋˜์ง€ ์•Š๋Š” ์ƒ์ˆ˜๋กœ ์‚ฌ์šฉ ๊ฐ€๋Šฅ -> ํƒ€์ž… ์ƒ๋žต๋„ ๊ฐ€๋Šฅ final String name = 'jaejae'; name = '์Šน์žฌ'; //error fin..

[Flutter] Window์— Flutter ์„ค์น˜ํ•˜๊ธฐ

1. Install the Flutter SDK window 7 ์ด์ƒ์˜ version 10GB ์ด์ƒ์˜ ์—ฌ์œ  ๊ณต๊ฐ„ ํ•„์š”(Android Studio ์„ค์น˜์— ํ•„์š”) ๐Ÿ“š Get the Flutter SDK Download ์••์ถ• ํ’€๊ธฐ -> C:\src\flutter - ์••์ถ• ํ’€ ๋•Œ C:\Porgram Files\ ์™€ ๊ฐ™์ด ๋†’์€ ๊ถŒํ•œ์ด ํ•„์š”ํ•œ ์œ„์น˜๋Š” ํ”ผํ•˜๋Š” ๊ฒƒ์ด ์ข‹์Œ ๐Ÿ“š ํ™˜๊ฒฝ ๋ณ€์ˆ˜ ์„ค์ • ํŒŒ์ผ์ด ๋“ค์–ด ์žˆ๋Š” ๊ฒฝ๋กœ๋ฅผ ์šด์˜์ฒด์ œ์˜ ํ™˜๊ฒฝ ๋ณ€์ˆ˜์— ๋“ฑ๋กํ•ด๋‘๋ฉด ์–ด๋””์—์„œ๋‚˜ flutter ๋ช…๋ น์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Œ - ์œˆ๋„์šฐ ๊ฒ€์ƒ‰์ฐฝ์— ์‹œ์Šคํ…œ ํ™˜๊ฒฝ ๋ณ€์ˆ˜ ํŽธ์ง‘ ๊ฒ€์ƒ‰ - ์‚ฌ์šฉ์ž ๋ณ€์ˆ˜์—์„œ ๋ณ€์ˆ˜ Path ํŽธ์ง‘ - Flutter SDK ์„ค์น˜ํ•œ bin ๊ฒฝ๋กœ ์ž…๋ ฅ (ex. C:\src\flutter\flutter\bin) - ๊ฒ€์ƒ‰ ์ฐฝ์— 'cmd' ์ž…๋ ฅ..