๋ฐ์ํ
๐ค ์ ์ค๋ญ์ ์ ์ด์ฉํด์ผ ํ๋๊ฐ ?
๊ฐ์ ๊ธฐ์ ์ผ๊ต์ฐจ๊ฐ ๋งค์ฐ ์ฌํ๊ธฐ๋ ํ๊ณ ์ท์ ์ ์ ๋ ์ต๋๋ ์ฒด๊ฐ์จ๋ ๊ฐ์ด ์ฌ๋ฌ๊ฐ์ง ๊ณ ๋ คํด์ผํ ์ฌํญ์ด ๋ง๋ค. ์ฐ๋ฆฌ ์ค๋ญ์ ? ์ ๋ ์จ, ์จ๋, ์ต๋์ ๋ฐ๋ผ์ ์ฌ์ฉ์์๊ฒ ์ ์ ํ ์ท์ฐจ๋ฆผ์ ์ถ์ฒํด์ค๋ค.
๋์์ธ๊ณผ ์ค์ฉ์ฑ์ ๋ชจ๋ ๋ด์ ํ๋ฉด
์ ๋ณด์ ๋ฐ๋ผ ๋ค๋ฅธ ๋ฐฑ๊ทธ๋ผ์ด๋ ํ๋ฉด ํ์ฌ ์์น ๊ธฐ๋ฐ ๋ ์จ์ ๋ณด์ ๊ทธ์ ๋ง๋ ๋ฐฑ๊ทธ๋ผ์ด๋ ์ ๋๋ฉ์ด์
- ์์น์ ๋ณด : ํ์ฌ ์์น์ ๋ ์จ ๋ฟ๋ง ์๋๋ผ, ํ ์ง์ญ ๋ ์จ์ ๋ณด๋ ์ ์ ์๋ค.
- ์ท ์ถ์ฒ : ์ฌ์ฉ์์ ์ฑ๋ณ์ ์๋ณ์ ๋ ์จ์ ๋ณด๋ฅผ ๋ถ์ํ์ฌ ์๋ง์ ์ท ์ถ์ฒ
- ๋ฐฑ๊ทธ๋ผ์ด๋ ์ ๋๋ฉ์ด์ : ๊ฐ ์ํฉ์ ๋ง๋ ๋, ๋น, ์ฒ๋ฅ, ์๊ฐ ๋ฑ 12๊ฐ์ง์ ์ ๋๋ฉ์ด์ ์ด ์๋ค.
๊ทธ๋ฅ ์ท์ถ์ฒ์ด ์๋ Stylshํ ์ท์ถ์ฒ ๋ฐ ํ ์ง์ญ ๋ ์จ ์ ๋ณด ๊ฒ์
์ผ์ฃผ์ผ ์น ์ท ์ถ์ฒ ๋ฐ ํ์ง ๊ฒ์ ์ฐ๋ฆฌ ๋๋ฌ๊ฐ ๊ฒ์ ๋๋นํด๋ณด์๊ณ .
- ์ฃผ๊ฐ ์ท ์ถ์ฒ : ์ค๋ ๊ธฐ์ค ํฅํ 6์ผ์์ ๋ ์จ ์ ๋ณด๋ฅผ ๋ถ์ํด ์คํ์ผ๋ฆฌ์ํ ์ท์ ์ถ์ฒํ๋ค.
- ํ์ง ๋ ์จ : ํ ์ง์ญ ์,๊ตฌ,๋ ๋จ์๋ก ๊ฒ์ ๊ฐ๋ฅํ๋ฉฐ, ๊ทธ์ ๋ฐ๋ฅธ ๋ ์จ ์ ๋ณด๋ฅผ ๊ฐ๊ณ ์ฌ ์ ์๋ค.
์๋ฆผ ์๋ ๊ธฐ๋ฅ
๋ง์ถฐ๋์ ์๊ฐ์ผ๋ก ์๋ฆผ์ด ์์ฐ์ ~
UI
- ์์ด์ฝ ์ ๋๋ฉ์ด์ : ๋ฉ๋ด๋ฐ ์ ๋๋ฉ์ด์
- ๋คํฌ๋ชจ๋ : ์ ํ์ด์ง ๋์ด ํธํ ์ปค์คํ ๋คํฌ๋ชจ๋ ์์ ์ ์ฉ
๋์๋ง
๐จ- ์ฒซ ์์ : ์นด์นด์คํก ์ดํ์ด ๊น๋ ค์๋ค๋ฉด ๋ก๊ทธ์ธ์ ์ฌ์ฉํ์ฌ ๊ฐ์ธ ์ ๋ณด๋ฅผ ๋ถ๋ฌ์ฌ ์ ์๋ค. ๋ง์ฝ ๊น๋ ค์์ง ์๋ค๋ฉด ๋ ์จ ์ ๋ณด๋ง ์ ์ ์๋ค. ์นด์นด์คํก ์ ๋ณด๋ฅผ ํตํด ๋จ์ฑ, ์ฌ์ฑ ๋ฐ์ดํฐ๋ฅผ ์ป์ด์ฌ ์ ์๊ฒ ๋๋ฉฐ ์ด์ ๋ฐ๋ฅธ ์ท ์ถ์ฒ์ ํ๊ฒ ๋๋ค.
- ๋ฉ์ธ ํ๋ฉด ๊ตฌ์ฑ: ์ข์ธก ์๋จ (a)์์น์ค์ ๋ฒํผ, ์ฐ์ธก ์๋จ (b)Drawer๋ฒํผ, ์๋จ ํ๋ฉด์ ์ฃผ์ ์ ๋ณด์ ๋ ์จ์ ๋ณด(์จ๋, ๋๊ธฐ์ง์, ๋ฏธ์ธ, ์ด๋ฏธ์ธ๋จผ์ง)๊ฐ ๋ํ๋๋ค. ํ๋ฉด ์ค์์ผ๋ก ๋ค์ด์ค๋ฉด ๋ ์จ ์ ๋ณด์ ๋ฐ๋ผ ์ท์ ์ถ์ฒํด์ฃผ๊ณ ํด๋ฆญํ๊ฒ ๋๋ฉด ์ผ์ฃผ์ผ ๋ถ๋์ (c)์ท์ ์ถ์ฒ๋ฐ๋ ํ์ด์ง๋ก ๋์ด๊ฐ๋ค. ๊ฐ์ฅ ์๋์ชฝ์๋ ์ฃผ๋ณ ๋ ์จ๊ฐ ๋ณด์ฌ์ง๋ค. ๋ฉ์ธํ๋ฉด์ ๋ฐฐ๊ฒฝํ๋ฉด์ ๋ ์จ ์ ๋ณด์ ๋ฐ๋ผ ๋ค๋ฅธ 12๊ฐ์ง ๋ฐฐ๊ฒฝ์ด ์ ์ฉ๋๋ค.
- (a) ์์น์ค์ ๋ฒํผ : ‘์ฃผ์ ๊ฒ์ํ๊ธฐ’ ๊ธ์จ๋ฅผ ๋๋ฅด๋ฉด ๋๋ก๋ช ์ฃผ์ ๊ฒ์์ ํตํด ์ธ๋ถ์ ์ธ ์ฃผ์๋ฅผ ์ป์ด์จ๋ค. ๋ค์์ผ๋ก ‘์์น์ค์ ’ ๋ฒํผ์ ๋๋ฅด๋ฉด ๊ฒ์์ ํตํด ์ป์ ์ฃผ์๋ก ์์น๊ฐ ์ค์ ๋์ด ๋ฉ์ธํ๋ฉด์ผ๋ก ์ด๋ํ๋ค. ‘ํ์ฌ ์์น๋ก ์ค์ ’ ๋ฒํผ์ ๋๋ฅด๋ฉด ๋ด ์์น๋ฅผ ๊ธฐ์ค์ผ๋ก ์ ์ฉ๋์ด ๋ฉ์ธ ํ๋ฉด์ผ๋ก ์ด๋ํ๋ค.
- (b) Drawer๋ฒํผ : ๋ฉ๋ด๋ฐ๊ฐ ๋์จ๋ค. ํ๋ฒํผ, ์๋์ค์ , ์ฃผ๊ฐOOTD, ์ค์ ๋ฒํผ์ด ์๋ค. ํ์ผ๋ก ๋ฒํผ : ํด๋ฆญํ๋ฉด ๋ฉ์ธ ํ๋ฉด์ผ๋ก ๋์ด๊ฐ๋ค. ์๋์ค์ : (d)์๋ ์ค์ ํ์ด์ง๋ก ์ด๋ํ๋ค. ์ฃผ๊ฐOOTD : (c)์ฃผ๊ฐOOTDํ์ด์ง๋ก ์ด๋ํ๋ค. ์ค์ : (e)์ค์ ํ์ด์ง๋ก ์ด๋ํ๋ค.
- (c) ์ท์ ์ถ์ฒ๋ฐ๋ ํ์ด์ง(์ฃผ๊ฐOOTDํ์ด์ง) : ์ผ์ฃผ์ผ๋์ ์จ์ต๋๋ฅผ ํตํด ์ท์ ์ถ์ฒํด์ค๋ค. ์์ผ๋ก ์คํฌ๋กค์ ํตํด ์ผ์ฃผ์ผ ์ท ์ถ์ฒ์ ํ์ธ ํ ์ ์๋ค. ๋ ์จ๋ฅผ ๊ณ ๋ คํ์ฌ ์ฌ๋ฌ ์คํ์ผ ์ถ์ฒ์ ๋ฐ์ ์ ์๋ค. (c)์ท์ ์ถ์ฒ๋ฐ๋ ํ์ด์ง๋ ์ฐ์ธก ์๋จ (b)Drawer๋ฒํผ ๋ฉ๋ด๋ฐ์์ ์ฃผ๊ฐ OOTD ํ์ด์ง ๋ฒํผ์ ํตํด์๋ ๋ค์ด๊ฐ ์ ์๋ค.
- (d)์๋ ์ค์ ํ์ด์ง : ์๋์ on off๋ก ์ค์ ํ ์ ์๊ณ , ์ํ๋ ์๊ฐ์ ์ค์ ํ ์ ์๋ค. ์๋์ ์ ์ฉ์ํค๋ฉด ํน์ ์๊ฐ์ ์๋ฆผ์ด ์จ๋ค.
- (e)์ค์ ์ฐฝํ์ด์ง : ์ธ์ด์ค์ ์ ํตํด ํ๊ตญ์ด์ ์์ด๋ฅผ ์ค์ ํ ์ ์๋ค. ๋คํฌ๋ชจ๋๋ฅผ ์ง์ํ๋ค. ๋ก๊ทธ์์์ ํด๋ฆญํ ์ ์นด์นด์คํก ๋ก๊ทธ์์์ ํ๊ฒ ๋๋ค. ํ์ํํด๋ฅผ ํด๋ฆญํ ์ ๋ฐ์ดํฐ๋ฒ ์ด์ค์ ๋ฐ์ดํฐ๋ฅผ ์ง์ฐ๊ฒ ๋๋ค.
์ฐ๋ฆฌ๋ค์ ๋ฐ์์ทจ
๐พ2022๋ 09์ 14์ผ ~ 2022๋ 12์ 6์ผ
๊นํ๋ธ ๋งํฌ:https://github.com/NKLCBJoin/oh_OOTD
๋ฐ์ํ
'Flutter' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
Flutter.UI Drawer๋ฉ๋ด ๊พธ๋ฏธ๊ธฐ(์ ์ ์ ๋ณด ๋ฐ ์ฌ๋ฌ ๋ฉ๋ดํ์ด์ง ์ด๋) (0) | 2023.01.07 |
---|---|
Flutter. ์ปค์คํ ์ผ๋ก ๋คํฌ๋ชจ๋ ์ค์ ํ๊ธฐ (0) | 2023.01.07 |