1๏ธโฃ Sass ๋? Sass๋ CSS๋ก ์ปดํ์ผ๋๋ ์คํ์ผ ์ํธ ํ์ฅ ์ธ์ด์ด๋ฉฐ CSS ์ ์ฒ๋ฆฌ๊ธฐ ๋ธ๋ผ์ฐ์ ๊ฐ Sassํ์ผ์ ์ง์ ์ฝ์ง ๋ชปํ๊ธฐ ๋๋ฌธ์ Sass๋ฅผ ๊ธฐ๋ฐ์ผ๋ก ๊ฐ๋ฐํ ํ, ์ผ๋ฐ CSS๋ก ์ปดํ์ผ! ์ปดํ์ผ ํ๋ ๋ฐฉ๋ฒ์ผ๋ก๋ ํฐ๋ฏธ๋์ ์ด์ฉํ๋ ๋ฐฉ๋ฒ๊ณผ, VS Code์ ์ต์คํ ์ ์ ์ฌ์ฉํ๋ ๋ฐฉ๋ฒ์ด ์๋ค. Sass์ Scss๊ฐ ์๋๋ฐ ์ผ๋ฐ์ ์ผ๋ก CSS์ ๋์ผํ๊ฒ ์ค๊ดํธ๋ฅผ ์ฌ์ฉํ๋ Scss๋ฅผ ์ฌ์ฉ. ๋ณธ ํฌ์คํ ์ Scss๋ฌธ๋ฒ์ ๊ธฐ์ค์ผ๋ก ์์ฑ๋์ด ์์ต๋๋ค. :) //SCSS ํ์ {} css์ ๋์ผํ๊ฒ ์ค๊ดํธ๋ฅผ ์ฌ์ฉํ๊ธฐ ๋๋ฌธ์ ๊ถ์ฅ๋ฉ๋๋ค. $font-stack: Helvetica, sans-serif; $primary-color : #333; body { font: 100% $font-stack color: $pri..
2023.04.02๋ฐ๊ฐ์ต๋๋ค. JAY์ ๋๋ค! ๐ฉโ๐ป
FE ์์ญ์์ ํ์ ์ ๊ฐ์น๋ฅผ ๊ตฌํํ๋ ๊ฐ๋ฐ์๊ฐ ๋๊ธฐ ์ํ ๋ ธ๋ ฅ์ ์ด์ด๊ฐ๊ณ ์ ์ด๊ณณ JAYโจ๏ธCODE ์ ์ฑ์ฅ์ ๊ธฐ์ฌํ ๋๊ตฌ๋ค์ ๊ธฐ๋กํ๊ณ ์์ต๋๋ค.
Total1
-
[JAYโจ๏ธSCSS] SASS(SCSS) ๊ฐ๋จ ์ฌ์ฉ๋ฒ ์ฒซ๋ฒ์งธ! Nesting, Ampersand, Variable, Operator.