์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
- navigator
- figma
- InputDecoration
- slider
- sizedbox
- AlertDialog
- stateful
- AppBar
- GestureDetector
- scaffoldmessenger
- textField
- Scaffold
- drawer
- button
- vscode
- switch
- dart
- FloatingActionButton
- icon
- Snackbar
- image
- PushNamed
- POP
- ontap
- flutter
- Routing
- ElevatedButton
- list
- TextEditingController
- Webflow
- Today
- Total
๋ชฉ๋กsizedbox (2)
์ฌ๋ฐ๋๊ฑฐ๐

์ค๋์ ์ง๋ ์๊ฐ์ ์ด์ด์ image 1๊ฐ๋ฅผ CircleAvatar๋ก ๋ฃ๊ณ , Divider ๋ฐ Button์ ์ถ๊ฐํด๋ณด๊ฒ ๋ค. body : CircleAvatar, Divider 0) ์ง๋ ์๊ฐ์ ๋ง๋ ์ฝ๋ VSCode๋ก ์ด๊ณ ํ์ธ 1) Column์ CircleAvatar ์ถ๊ฐํ๊ธฐ - ์ด๋ฏธ์ง ์ค์ : backgroundImage: AssetImage("ํด๋๋ช /์ด๋ฏธ์ง๋ช .ํ์ฅ์") - Radius ๊ฐ ์ค์ ํ๊ธฐ const CircleAvatar( backgroundImage: AssetImage('images/ura.jpg'), radius: 70, ), 2) CircleAvatar์ Padding ์ถ๊ฐ 3) ๋ฌธ๊ตฌ ์๋์ Divider ์ถ๊ฐํ๊ณ ํ๋ฉด ํ์ธ const Divider( height: 30, colo..
ํ๋ฌํฐ(Flutter)๋ '์คํ ์์ค ํฌ๋ก์ค ํ๋ซํผ GUI ์ ํ๋ฆฌ์ผ์ด์ ํ๋ ์์ํฌ'์ด๋ค. ์๋๋ก์ด๋(material)์ iOS(cupertino)์ ๋์์ธ์ ๋ชจ๋ ์ง์ํ๋ฉฐ, ๋ณ๋์ ์ฝ๋ฉ ์์ด๋ ๋๋ฐ์ด์ค๋ณ ์ฌ์ด์ฆ ์๋ ๋ง์ถค์ด ๊ฐ๋ฅํ๋ค. ์ฆ, ์ฌ์ฉ์(End-User)์๊ฒ ๋์ผํ UIUX ์๋น์ค๋ฅผ ์ ๊ณตํ ์ ์๋ค๋ ์์ฒญ๋ ์ฅ์ ์ ๊ฐ์ง๊ณ ์๋ ๊ฒ์ด๋ค. ๐ฟ ์ ์ ์ธ์์ผ๋ก ์งง์ ์๊ฐ ๋ด์ ๋น ๋ฅด๊ฒ ๊ฐ๋ฐ ๊ฒฐ๊ณผ๋ฌผ์ ๋ง๋ค์ด ๋ผ ์ ์์ผ๋ฉฐ, ํผํฌ๋จผ์ค(์๋)๋ ๋ค์ดํฐ๋ธ์ ๊ทผ์ ํ ์ ๋๋ก ํ๋ฅญํ๋ค๊ณ ํ๋ค. Web, AOS, iOS๋ฅผ ๋ชจ๋ ๋ง๋ค ์ ์๊ณ , ์์ ํ๋ฉด ํ์ธ์ด ๋น ๋ฅด๋ฉฐ, ๊ตฌ๊ธ์ด ๋๋ฌด ์ ๋ง๋ค์ด๋์ ์ฝ๋ฉ์ด ์~์ฒญ ์ฝ๋ค๊ณ ํ๋ค ใ ๊ทธ๋์! ๋๋ ์ฃผ๋ง์ ํ๋ฌํฐ๋ฅผ ๋ฐฐ์ฐ๊ธฐ ์์ํ๋ค :) ๊ทธ๋ฆฌ๊ณ !! ๋ฐฐ์ด ๊ฒ์ ์ฌ๊ธฐ์ ๋ฉ๋ชจํ๊ธฐ๋ก ๊ฒฐ..