justifycontent
-
FlexLayout (2)Library 2022. 5. 9. 17:43
์๋ ํ์ธ์. ๊ทธ๋ฆฐ์ ๋๋ค๐ข ์ด๋ฒ ํฌ์คํ ์์๋ ์ง๋ ํฌ์คํ ์ ์ด์ด FlexLayout 2ํ์ ๋ถ์ ๋ณด๋ คํฉ๋๋ค! ์ด๋ฒ ์ฃผ์ ๋ก๋ ๋ง์ด ์์ฌ๋ด์ง ์๊ณ ์ฒ์ฒํ ํด๋ณด์๋ ์๋ฏธ์์ Flexbox containers properties ๋ถ๋ถ์ ํ์ตํด๋ณด๊ฒ ์ต๋๋ค๐๐ป Flexbox ์ปจํ ์ด๋์ ์ฌ์ฉํ ์ ์๋ ์์ฑ๋ค์ FlexLayout ๋ฆฌ๋๋ฏธ๋ฅผ ๋ณด๋ฉด์ ๋ ํํด๋ณด์ฃ ! direction() - ๊ฐ๋ ๋จ์ด์์๋ ์ ์ถํ ์ ์๋ฏ์ด ๋ฐฉํฅ์ ์๋ฏธํฉ๋๋ค. ์คํ๋ทฐ๋ก ์ฐจ๊ณก์ฐจ๊ณก ์์๋ ์ด๋ป๊ฒ ์์์ง ๋ฐฉํฅ์ ๋ํด์ ์ง์ ํด์ฃผ๋๊ฒ์ ๋๋ค. ์ด 4๊ฐ์ง ๋ฐฉํฅ์ด ์์ต๋๋ค. column(ํ, ์->์๋). columnReverse(ํ, ์๋->์), row(์ด, ์ข->์ฐ), rowReverse(์ด, ์ฐ->์ข) ๊ณต์๋ฌธ์์์ ์์ ๊ฐ์ด ์ฝ๊ฒ ๊ทธ๋ฆผ์ผ๋ก ์ค๋ช ์ ํด์ฃผ๋ค..