You Can Become A
๋ฆ๊ฒ ์์ํด๋ ๋๊ตฌ๋ ์ง ๋ ธ๋ ฅํ๋ฉด ๊ฐ๋ฐ์๊ฐ ๋ ์ ์์ด์ !
scss ํน์ง
๐ SaSS & SCSS ์๊ฐ & ์ค์น ์ธํ ๐ฏ ์ด์ ๋ฆฌ
CSS ์ Sass(SCSS) Sass(SCSS)์ ๋ํด ์๊ธฐํ๊ธฐ์ ์์, CSS์ ๋ํ ์ด์ผ๊ธฐ๋ฅผ ์งง๊ฒ ํด๋ณด์. ๐ค CSS์ ๋จ์ CSS๋ ๋ณต์กํ ์ธ์ด๋ ์๋์ง๋ง ์์ ์ด ์ปค์ง๊ณ ์ฝ๋๊ฐ ๋ง์์ง์๋ก ๋ถํธํจ์ด ์๊ธฐ๊ฒ ๋๋ค. ์๋ฅผ๋ค์ด ์ ํ์(Selector)์ ๊ณผ์ฉ๊ณผ ์ฐ์ฐ ๊ธฐ๋ฅ์ ํ๊ณ, ๊ตฌ๋ฌธ(Statement)์ ๋ถ์ฌ ..๋ฑ ํ๋ก์ ํธ๊ฐ ์ปค์ง๋ฉด ์ฝ๋ ์ค๋ณต์ด ๋ง์์ง๊ณ ๋ณต์กํด์ง์ด ์ ์ง๋ณด์๊ฐ ์ด๋ ค์์ง๊ฒ ๋๋ค. ํ๋ก๊ทธ๋๋ฐ์์ ๊ฐ์ฅ ํํ ์กฐ๊ฑด๋ฌธ์ด๋ ๋ฐ๋ณต๋ฌธ ์กฐ์ฐจ๋ ๋ฌธ๋ฒ์ ์ง์ํ์ง ์์ '๋ณต์ฌ & ๋ถ์ฌ๋ฃ๊ธฐ' ๋ง ์ฃผ๊ตฌ์ฅ์ฐฝ ํด์ผํ๋ค. ์ด ๋ฐ์ CSS์ ๋จ์ ์ ์ด๊ฑฐํ๋ฉด ๋ค์๊ณผ ๊ฐ๋ค. ์ ํ์(Selector)์ ๋ง๋ค๋ ๋งค๋ฒ ๋ถํ์ํ ๋ถ๋ชจ์์ ์ ํ์๋ฅผ ์ ์ด์ผ ํ๋ค. function ๊ฐ์๊ฒ ์์ผ๋, ๊ท๋ชจ๊ฐ ํฐ ํ๋ก์ ํธ์ ๊ฒฝ์ฐ ์๋ํํ๊ธฐ..