๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
๋ฐ˜์‘ํ˜•

HTML5 & CSS3/Sass, Scss1

Sass ๋ž€? ๐Ÿช€ Sass Syntactically Awesome Stylesheets์˜ ์•ฝ์ž. ์Šคํƒ€์ผ์‹œํŠธ ์–ธ์–ด. CSS์˜ ๋‹จ์ ์„ ๋ณด์™„ํ•˜๊ธฐ ์œ„ํ•œ CSS์˜ ํ™•์žฅ์œผ๋กœ ๋‚˜์˜จ ์Šคํฌ๋ฆฝํŠธ ์–ธ์–ด. CSS์˜ ์ „์ฒ˜๋ฆฌ๊ธฐ, ์ฆ‰ CSS๋ฅผ ๋งŒ๋“ค๊ธฐ ์œ„ํ•œ ๋„๊ตฌ์ด๋‹ค.CSS ๐Ÿ‘‰๐Ÿป Sass ์ปดํŒŒ์ผ๋Ÿฌ ๐Ÿ‘‰๐Ÿป SCSS ํ•ด์„๋˜์–ด CSS๋กœ ์ปดํŒŒ์ผ๋˜๋Š” ์Šคํฌ๋ฆฝํŠธ ์–ธ์–ด์ด๋‹ค. ํ”„๋กœ์ ํŠธ๊ฐ€ ์ ์  ์ปค์ง€๊ณ  ๋ณต์žกํ•ด์ง€๋ฉด ์Šคํƒ€์ผ์‹œํŠธ๋„ ๋ฉ๋‹ฌ์•„ ์ปค์ง€๊ณ  ๊ด€๋ฆฌํ• ๊ฒŒ ๋งŽ์•„์ง€๋ฉฐ ๋ณต์žกํ•ด์ง„๋‹ค. ์ด์— ๋”ฐ๋ผ ์œ ์ง€๋ณด์ˆ˜๋„ ํž˜๋“ค์–ด์ง„๋‹ค. Sass๋Š” CSS์˜ ๋ณต์žกํ•œ ์ž‘์—…์„ ์‰ฝ๊ฒŒ ํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์ฃผ๊ณ , ์ฝ”๋“œ์˜ ์žฌํ™œ์šฉ์„ฑ๊ณผ ๊ฐ€๋…์„ฑ์„ ํ†ตํ•ด ์œ ์ง€๋ณด์ˆ˜๋ฅผ ๋†’์—ฌ์ฃผ๋Š” ์–ธ์–ด์ด์ž ๋„๊ตฌ์ด๋‹ค. variable, nesting, mixin, inheritance ๋“ฑ์˜ ๊ฐœ๋…์ด ์ถ”๊ฐ€๋œ ๊ฒƒ์ด Sass์ด๋‹ค. Sass ๊ณต์‹ ๊ตฌํ˜„์ฒด๋Š” ์˜คํ”ˆ ์†Œ.. 2021. 11. 9.
๋ฐ˜์‘ํ˜•

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”