728x90
๋ฐ์ํ
1. Flutter์์ ์์ ฏ์ด๋?
UI๋ฅผ ๋ง๋ค๊ณ ๊ตฌ์ฑํ๋ ๋ชจ๋ ๊ธฐ๋ณธ ๋จ์ ์์๋ฅผ ์์ ฏ์ด๋ผ๊ณ ํฉ๋๋ค. ๋์ ๋ณด์ด๋ ์์๋ฟ๋ง ์๋๋ผ ๋ณด์ด์ง ์๋ ์์๋ค๊น์ง๋ ์์ ฏ์ด๋ผ๊ณ ํฉ๋๋ค. ํ๋ง๋๋ก Eveything is Widget.
2. ์์ ฏ ํ์
- Stateless widget
์ํ๊ฐ ์๋ ์ ์ ์ธ ์์ ฏ์ ๋ปํฉ๋๋ค.
์คํฌ๋ฆฐ์์ ์กด์ฌ๋ ํ์ง๋ง ์๋ฌด๊ฒ๋ ๊ฐ์ง์ง ์๊ณ , ์ค์๊ฐ ๋ฐ์ดํฐ ์ ์ฅ์ ๋ชปํ๋ ์์ ฏ์ ๋๋ค. ์ด๋ ํ ์ํฑ๋ฅผ ์ ๋ฐํ๋ value ๊ฐ๋ ๊ฐ์ง์ง ์๊ณ ์์ต๋๋ค.
์๋ฅผ ๋ค์ด์ image, text - Stateful widget
์ด๋ค ์ํ๋ฅผ ๊ฐ์ง๊ณ ๊ณ์ ์์ง์์ด๋ ๋ณํ๊ฐ ์๋ ์์ ฏ
์ฌ์ฉ์ ์ธํฐ๋์ ์ ๋ฐ๋ผ์ ๋ฌ๋ผ์ง๋ ์์ ฏ์ ๋๋ค. ์๋ฅผ ๋ค๋ฉด input, checkbox
3. ์์ ฏ ๊ตฌ์ฑ(ํธ๋ฆฌ)
์์ ์ค๋ช ์ฒ๋ผ ๋ง์ ์์๋ค์ด ์์ ฏ์ด๋ผ๊ณ ๋ถ๋ฆฌ๋ค๋ณด๋ ์ด๊ฒ๋ค์ ํธ๋ฆฌ ๊ตฌ์กฐ๋ฅผ ์ด๋ฃน๋๋ค.
ํ ์์ ฏ ์์ ์ผ๋ง๋ ์ง ๋ค๋ฅธ ์์ ฏ๋ค์ด ํฌํจ๋ฉ๋๋ค.
์์ ฏ์ ๋ถ๋ชจ ์์ ฏ, ์์ ์์ ฏ์ผ๋ก ๊ตฌ์ฑ๋ฉ๋๋ค.
ํ์ต์๋ฃ ๐ Youtube "์ฝ๋ฉ์ธํ" ๋์ ํ๋ฌํฐ ์ํ๋ง ๊ฐ์ ๋ณด๋ฌ๊ฐ๊ธฐ
728x90
'๊ฐ๋ฐ > Flutter' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
[Flutter] ์๋ก์ด ํ๋ฉด์ผ๋ก ์ด๋ํ๊ณ , ๋๋์๊ฐ๊ธฐ - ํ์ด์ง ์ด๋ (0) | 2022.05.16 |
---|---|
[Flutter] ListView.builder๋ก ๋ฐ๋ณต๋๋ ๋ถ๋ถ ๋ง๋ค๊ธฐ (0) | 2022.04.17 |
[Flutter/ํ๋ฌํฐ] BuildContext ๋? (0) | 2022.04.06 |
[Flutter/ํ๋ฌํฐ] Drawer menu ๋ง๋ค๊ธฐ! (0) | 2022.04.06 |
[ํ๋ฌํฐ] app bar์ ๋ฉ๋ด ์์ด์ฝ ๋ฃ๊ธฐ (0) | 2022.04.05 |