4์ฃผ์ฐจ(23.08.23~29)
๐ ํต์ฌ 3์ค ์์ฝ
- ๊ณผ์ ์๊ฐ ๋ด ์๋ฃ
- ๋ชจ๊ฐ์ฝ ์ฐธ์ ์๋ฃ
- Flutter UI ์์คํ
์ ๋ํด ์๋ก ๋ฐฐ์ด์ ์ด ๋ง์
๐ฏ ์ด๋ฒ ์ฃผ ๋ชฉํ
- ๊ณผ์ ์๊ฐ ๋ด ์๋ฃ
- ๊ฐ์ ๋ณต์ต
๐ ์นญ์ฐฌํ๊ณ ์ถ์ ์
- ์กฐ๊ธ์ฉ ์คํฐ๋ ํจํด์ ์ต์ํด์ง๊ณ ์๋ค. ์์ง ๋ณต์ต์ ๋ง์ด ๋ถ์กฑํ์ง๋ง.
- ๋๋ฒ ์งธ ๋ชจ๊ฐ์ฝ์ ๋๊ฐ ์น๊ธฐ์ด์ ๋ฆฌ์กํธ ๋
ธ๋ง๋์ฝ๋๋ค์ ๋ง๋ฌ๋ค.
๐ญ ๊ณ ์น๊ฑฐ๋ ๋ฒ๋ ค์ผ ํ ์
- ์ดํด๊ฐ ์๊ฐ๋ ๋ถ๋ถ์ ๋์ถฉ ๊ตฌํํ์ง ๋ง๊ณ ์๊ฐ์ ์ข ๋ ์จ์๋ผ๋ ๊ฐ์๋ฅผ ๋ค์ ๋ณด๊ฑฐ๋ ๋ฆฌ์์น๋ฅผ ๋ ํ ํ์๊ฐ ์๋ค.
๐โโ๏ธ ์ผ์ผ ์คํ๋ฆฐํธ
23.08.23 (์)
โ
์ํ ๋๋ณธ ๋ฒ์ญ
โ
Day15-Onboarding Flow part 1 ์๋ฃ
23.08.24 (๋ชฉ)
โ
Day18-Onboarding Flow part 2 base
23.08.25 (๊ธ)
โ
Day18-Onboarding Flow part 2 ์๋ฃ
23.08.26 (ํ )
โ
ํ๋ ๋ชจ๊ฐ์ฝ
23.08.28 (์)
โ
Day22-Navigation Time base
23.08.29 (ํ)
โ
Day22-Navigation Time ์๋ฃ
โ
tiktok_clone go_router ๋ฒ๊ทธ ํด๊ฒฐ
โ๏ธ ์ด๋ฒ ์ฃผ ๋ฐฐ์ด ๋ด์ฉ
Row x Column ์กฐํฉ์ ๋ํ ์ฐ์ต
- Row ์ Column ์ mainAxisSize์ ๊ฒฝ์ฐ min ๊ณผ max๋ฅผ ํตํด ์กฐ์ ์ด ๊ฐ๋ฅํ์ง๋ง crossAxis์ ์ฌ์ด์ฆ์ ๊ฒฝ์ฐ Expanded ๋ก ๊ฐ์ผ ํ flex ๋ฅผ ํตํด ๋น์จ์ ์กฐ์ ํ์ฌ์ผ ํ๋ค.
- ๋ํ mainAxisSize ๋ฅผ max๋ก ์ง์ ํ ๊ฒฝ์ฐ ๋ถ๋ชจ์ size๊ฐ ๊ณ ์ ๊ฐ ์ด์ฌ์ผํ๋ค.
์๋ฅผ ๋ค์ด Column์ mainAxisSize ๋ฅผ max๋ก ํ๋ ค๋๋ฐ ๋ถ๋ชจ๊ฐ Row ์ธ ๊ฒฝ์ฐ Row์ crossAxis (height) ์ญ์ ์กด์ฌํ์ง ์์ผ๋ฏ๋ก IntrinsicHeight๋ก ๊ฐ์ธ์ฃผ์ด์ผ ์ ์ ๋์ํ๋ค.
Container ๋ฅผ ์์ฃผ ํ์ฉํ์
- Container ๋ decoration(border), align, padding, width, color ๋ฑ ๋๋ถ๋ถ์ ์์ฑ๋ค์ ๊ฐ์ง๊ณ ์์ด ๋ณ๋์ widget์ผ๋ก ๊ฐ์ธ์ง ์๊ณ ์ฒ๋ฆฌ๊ฐ ๊ฐ๋ฅํ๋ค.
๐คย ์ง๋ฌธ :
- ์ฐ์์กธ์
์ ํ๋ ค๋ฉด ์ด๋ป๊ฒ ํด์ผ ํ ๊น?
ํจ๋ฆฌ ๋์ ์ฐ์ ์กธ์์ ์์ํฉ๋๋ค