์ค๋์ ํํ๋ก์ ํธ์ ๊นํ๋ธ์ ์ง์คํ ํ๋ฃจ์์ต๋๋ค.
css์์
display: flex;
flex-direction: row;
justify-content: space-evenly;
๋ผ๋ ์ฝ๋๋ฅผ ์ฌ์ฉํ์ต๋๋ค.
์ด ์ฝ๋๋ Flexbox๋ฅผ ์ด์ฉํ์ฌ ํ๋ฉด์ ์ํ์ผ๋ก ์ ๋ ฌํ๋ฉฐ,
space-evenly ์์ฑ์ ๊ฐ ์์ ์ฌ์ด์ ๊ณต๊ฐ์ ๋์ผํ๊ฒ ๋ฐฐ๋ถํ๋ ์ญํ ์ ํฉ๋๋ค.
๊นํ๋ธ ์์
์ ์๋ฌ ์์ด ์์กฐ๋กญ๊ฒ ์งํ๋์ด ๊ธฐ๋ถ์ ์ข์์ง๋ง,
์ฝ๋์ ๋ํ ์ดํด๊ฐ ๋ถ์กฑํ ๋ ์์ ์๊ฒ ์ค๋ง์ค๋ฌ์ด ์๊ฐ์ด์์ต๋๋ค.
๊ทธ๋ฌ๋ ํํฐ๋์ ์กฐ์ธ์ผ๋ก ์๋ ์ฒ์์๋ ๊ทธ๋ ๋ค,
์กฐ๊ธ๋ง ๋ ๊ฒฌ๋๋ฉด ๋๋ค๋ ๊ฒฉ๋ ค๋ฅผ ๋ฐ์์ต๋๋ค.
๊ธฐ์ ์ ์ธ ๋ถ๋ถ์์ ๋ฏธ์ํจ์ ๋๋ผ๋ฉด์๋,
๋ด์ผ์ ๋ ๋์ ๋๋ก ์ฑ์ฅํ ์ ์์ ๊ฒ์ด๋ผ๊ณ ์๊ฐ์ ํด๋ด
๋๋ค.
์ฃผ๋ณ์ ๋๋ฃ๋ค์ ๋น๊ตํ๋ฉฐ ์์ ์ ์๊ฒ ๋๋ ๋๊ฐ ์์์ง๋ง,
์ด๋ฌํ ๋ง์๊ฐ์ง์ ์ฑ์ฅ์ ๋ฐฉํดํ๋ ์์ธ์ด ๋ ์ ์๋ค๋ ์๊ฐ์ ํ๊ฒ ๋์์ต๋๋ค.
ํ์ง๋ง ๋ด์ผ์ ๋ ์ด์ฌํ ๊ณต๋ถํ๊ณ ์ฑ์ฅํ๋ ๋ฐํ์ผ๋ก ์ผ๊ฒ ์ต๋๋ค.
์์กด๊ฐ์ ์ ์งํ๋ฉด์ ๋ ๋์ ๊ฐ๋ฐ์๋ก ๊ฑฐ๋ญ๋ ์ ์๋๋ก ๋
ธ๋ ฅํ๋ฉฐ,
์ฃผ๋ณ์ ์ฑ๊ณต์ ๋ด ์ฑ์ฅ์ ๋๊ธฐ๋ก ์ผ์๊ฐ๊ฒ ์ต๋๋ค.
์ค๋์ ํ์์ฐ ๋...
๋ด์ผ ๋ ํ๋
์๋ค.
'TIL' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
12/28(๋ชฉ) ๋ด์ผ๋ฐฐ์์บ ํ Java 5์ผ์ฐจ TIL - ์กฐ๊ฑด๋ฌธ (1) | 2023.12.29 |
---|---|
12/27(์) ๋ด์ผ๋ฐฐ์์บ ํ Java 4์ผ์ฐจ TIL - Flex, ๋ฐฐ์ด๋ฌธ (0) | 2023.12.29 |
12/26(ํ) ๋ด์ผ๋ฐฐ์์บ ํ Java 3์ผ์ฐจ TIL - Mac ์ค์ (1) | 2023.12.29 |
12/21(๋ชฉ) ๋ด์ผ๋ฐฐ์์บ ํ Java 1์ผ์ฐจ TIL - ๊นํ๋ธ (0) | 2023.12.29 |
12/19(ํ) TIL - array (0) | 2023.12.29 |