Recent posts

์ ์ง„์  ํ–ฅ์ƒ โ†”๏ธ ์šฐ์•„ํ–” ์„ฑ๋Šฅ ์ €ํ•˜

์›น์„ ๊ฐœ๋ฐœํ•˜๋‹ค ๋ณด๋ฉด ์‚ฌ์šฉ๋˜๋Š” ๋ธŒ๋ผ์šฐ์ € ํ˜น์€ ๋ธŒ๋ผ์šฐ์ €์˜ ๋ฒ„์ ผ์— ๋”ฐ๋ผ ์ง€์›๋˜๋Š” HTML, CSS ๊ธฐ๋Šฅ์ด ๋‹ค๋ฅด๋‹ค๋Š” ๊ฒƒ์ด ๋งค์šฐ ๊ท€์ฐฎ๊ฒŒ ๋А๊ปด์งˆ ๋•Œ๊ฐ€ ์žˆ๋‹ค. ๊ฐœ๋ฐœ์ž์˜ ์ž…์žฅ์—์„œ๋Š” ๋ชจ๋“  ์‚ฌ์šฉ์ž๋ฅผ ์ง€์›ํ•˜๊ณ  ์‹ถ์ง€๋งŒ ํ˜„์‹ค์ ์œผ๋กœ ๋ถˆ๊ฐ€๋Šฅ์— ๊ฐ€๊นŒ์šด ์ผ์ด๋ผ๊ณ  ์ƒ๊ฐํ•œ๋‹ค.

CSS - ์šฐ์„ ์ˆœ์œ„ ๊ณ„์‚ฐ

CSS๋ฅผ ์‚ฌ์šฉํ•˜๋‹ค ๋ณด๋ฉด ํŠน์ •์š”์†Œ๋ฅผ ์ง€์ •ํ•˜๋Š” ์†์„ฑ์ด ๊ฒน์น  ์ˆ˜๊ฐ€ ์žˆ๋‹ค. ๊ทธ๋Ÿด ๊ฒฝ์šฐ ์šฐ์„ ์ˆœ์œ„๋ฅผ ๊ณ„์‚ฐํ•˜์—ฌ ๊ฐ€์žฅ ๋†’์€ ์šฐ์„ ์ˆœ์œ„๋ฅผ ์ง€๋‹ˆ๋Š” ์†์„ฑ์„ ์ ์šฉํ•˜๊ฒŒ ๋œ๋‹ค.

CSS - Flex Item

์ „์— Flex Container์— ๋Œ€ํ•ด ์ •๋ฆฌํ•˜์˜€์œผ๋‹ˆ, Flex Item์— ๋Œ€ํ•ด ์ •๋ฆฌํ•ด๋ณด๋ ค ํ•œ๋‹ค. ๐Ÿค“