๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
TIL

12/22(๊ธˆ) ๋‚ด์ผ๋ฐฐ์›€์บ ํ”„ Java 2์ผ์ฐจ TIL - ๊นƒํ—ˆ๋ธŒ

by ๊ฐ์ž๊ฐœ๋ฐœ๊พผ 2023. 12. 29.

 

์˜ค๋Š˜์€ ํŒ€ํ”„๋กœ์ ํŠธ์™€ ๊นƒํ—ˆ๋ธŒ์— ์ง‘์ค‘ํ•œ ํ•˜๋ฃจ์˜€์Šต๋‹ˆ๋‹ค.

css์—์„œ

display: flex;
flex-direction: row;
justify-content: space-evenly;

 

๋ผ๋Š” ์ฝ”๋“œ๋ฅผ ์‚ฌ์šฉํ–ˆ์Šต๋‹ˆ๋‹ค.

์ด ์ฝ”๋“œ๋Š” Flexbox๋ฅผ ์ด์šฉํ•˜์—ฌ ํ™”๋ฉด์„ ์ˆ˜ํ‰์œผ๋กœ ์ •๋ ฌํ•˜๋ฉฐ,

space-evenly ์†์„ฑ์€ ๊ฐ ์š”์†Œ ์‚ฌ์ด์— ๊ณต๊ฐ„์„ ๋™์ผํ•˜๊ฒŒ ๋ฐฐ๋ถ„ํ•˜๋Š” ์—ญํ• ์„ ํ•ฉ๋‹ˆ๋‹ค.

๊นƒํ—ˆ๋ธŒ ์ž‘์—…์€ ์—๋Ÿฌ ์—†์ด ์ˆœ์กฐ๋กญ๊ฒŒ ์ง„ํ–‰๋˜์–ด ๊ธฐ๋ถ„์€ ์ข‹์•˜์ง€๋งŒ,
์ฝ”๋“œ์— ๋Œ€ํ•œ ์ดํ•ด๊ฐ€ ๋ถ€์กฑํ•œ ๋‚˜ ์ž์‹ ์—๊ฒŒ ์‹ค๋ง์Šค๋Ÿฌ์šด ์ˆœ๊ฐ„์ด์—ˆ์Šต๋‹ˆ๋‹ค.
๊ทธ๋Ÿฌ๋‚˜ ํŠœํ„ฐ๋‹˜์˜ ์กฐ์–ธ์œผ๋กœ ์›๋ž˜ ์ฒ˜์Œ์—๋Š” ๊ทธ๋ ‡๋‹ค,
์กฐ๊ธˆ๋งŒ ๋” ๊ฒฌ๋””๋ฉด ๋œ๋‹ค๋Š” ๊ฒฉ๋ ค๋ฅผ ๋ฐ›์•˜์Šต๋‹ˆ๋‹ค.

๊ธฐ์ˆ ์ ์ธ ๋ถ€๋ถ„์—์„œ ๋ฏธ์ˆ™ํ•จ์„ ๋Š๋ผ๋ฉด์„œ๋„,
๋‚ด์ผ์€ ๋” ๋‚˜์€ ๋‚˜๋กœ ์„ฑ์žฅํ•  ์ˆ˜ ์žˆ์„ ๊ฒƒ์ด๋ผ๊ณ  ์ƒ๊ฐ์„ ํ•ด๋ด…๋‹ˆ๋‹ค.
์ฃผ๋ณ€์˜ ๋™๋ฃŒ๋“ค์— ๋น„๊ตํ•˜๋ฉฐ ์ž์‹ ์„ ์ž‘๊ฒŒ ๋Š๋‚„ ๋•Œ๊ฐ€ ์žˆ์—ˆ์ง€๋งŒ,
์ด๋Ÿฌํ•œ ๋งˆ์Œ๊ฐ€์ง์€ ์„ฑ์žฅ์„ ๋ฐฉํ•ดํ•˜๋Š” ์›์ธ์ด ๋  ์ˆ˜ ์žˆ๋‹ค๋Š” ์ƒ๊ฐ์„ ํ•˜๊ฒŒ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

ํ•˜์ง€๋งŒ ๋‚ด์ผ์€ ๋” ์—ด์‹ฌํžˆ ๊ณต๋ถ€ํ•˜๊ณ  ์„ฑ์žฅํ•˜๋Š” ๋ฐœํŒ์œผ๋กœ ์‚ผ๊ฒ ์Šต๋‹ˆ๋‹ค.
์ž์กด๊ฐ์„ ์œ ์ง€ํ•˜๋ฉด์„œ ๋” ๋‚˜์€ ๊ฐœ๋ฐœ์ž๋กœ ๊ฑฐ๋“ญ๋‚  ์ˆ˜ ์žˆ๋„๋ก ๋…ธ๋ ฅํ•˜๋ฉฐ,
์ฃผ๋ณ€์˜ ์„ฑ๊ณต์€ ๋‚ด ์„ฑ์žฅ์˜ ๋™๊ธฐ๋กœ ์‚ผ์•„๊ฐ€๊ฒ ์Šต๋‹ˆ๋‹ค.

์˜ค๋Š˜์˜ ํ•˜์†Œ์—ฐ ๋...
๋‚ด์ผ ๋” ํž˜๋ƒ…์‹œ๋‹ค.