Til - 250109

1 min read
[TIL] Flutter & Dart ํ์ต
๐ ์ค๋ ๋ฐฐ์ด ๊ฒ
Scaffold ์์ ฏ
- ์ฑ์ ์ด์๊ฒ ๊พธ๋ฉฐ์ฃผ๊ธฐ ์ํ ์์ ฏ. ๋ณ๋ค๋ฅธ ๊ฑด ์์.
Layout ์์ ฏ
Center ์์ ฏ
- ์ด๊ฑด ์ค์ ์ ๋ ฌ ์์ ฏ ์ด๋ผ ์ ์ฌ์ฉํ ์๊ฐ ์์.
๋คํธ ์ธ์ด๋ ์ฝค๋ง๋ฅผ ๋ถ์ฌ ์๋ ์ค๋ฐ๊ฟ์ ์ฒ๋ฆฌํจ.
- ์ ๋ถ๋ถ์ ์ข ์ ๊ธฐ ํ๊ธด ํ๋ฐ.. ๋ญ ๋์์ง ์์ ๊ฒ ๊ฐ์
๋คํธ ์ธ์ด๋ ๊ฐํ์ ์ธ์ด. ๋ชจ๋ ๊ฒ๋ค์ด ํ์ ์ด๋ค.
- String, int, MaterialApp (Widget) ๋ฑ. ๋ชจ๋ Object๋ฅผ ์์๋ฐ์.
color ๋ฒํผ ๋๋ฅด๋ฉด color picker ๊ฐ๋ฅ
๐ค ๋ด ์๊ฐ
[๊ถ๊ธํ ์ ]
- ์์ ฏ์ ๋ํด ๋ง์ด ์๋ฉด ์ข์ ๊ฒ ๊ฐ์๋ฐ ์์ ฏ ๊ณต๋ถ์ ์๊ฐ์ ์ผ๋ง๋ ์์ํด์ผ ๋ ์ง?
[๋นํ์ ๋ถ์]
ํ๋ฌํฐ์์๋ const ์ฐ๋ผ๋๊ฒ ๋๊ฒ ๊ท์ฐฎ์ ๋๋. ๋ฌด์จ ๊ธฐ์ค์ธ์ง๋์ ๋ชจ๋ฅด๊ฒ์,
๊ทผ๋ฐ ๋ด vscode์๋ ํด๋น ์ถ์ฒ ์ฌํญ์ด ์ ๋จ๊ธด ํจ. ์ด๊ฒ ์ ์ ๋จ๋์ง๋ ๊ถ๊ธํ๊ธด ํ๋ค.
๊ฐ์ ์์ฒด๊ฐ ๊ฐ์๊ธฐ ๋๋ฌด ๊ธฐ์ด์ ์ธ๊ฑธ ์ค๋ช ํ๋๋ฐ ๋๊ธฐ๊ธฐ๊ฐ ์ ๋งคํจ.
- ๋ญ๊ฐ ๊ธฐ๋ณธ์ ์ธ ์ง์์ด ์๋ค ๋ผ๊ณ ๊ฐ์ ํ๊ณ ๋ง๋ฅ์ด์ผ ๋๋๋ฐ ๊ทธ๊ฒ ์๋๋ผ. ์ธ๋ฐ ์๋ค๋ ์๊ฐ์ด ๋ฌ.
[์ค๋ฌด ์ ์ฉ์ ๊ณ ๋ ค์ฌํญ]
๐ก ์ฐธ๊ณ ์๋ฃ
[์ถ๊ฐ๋ก ์ฐพ์๋ณธ ๋ด์ฉ]
- ์์
import 'package:flutter/material.dart';
void main() {
runApp(
MaterialApp(
home: Scaffold(
body: Center(
child: Text(
'Hello, World!',
),
),
),
),
);
}
0
Subscribe to my newsletter
Read articles from jihun-heo directly inside your inbox. Subscribe to the newsletter, and don't miss out.
Written by
