728x90 SASS1 Sass/Scss: CSS์ ํ์ ์ ์ธ ํ์ฅ Sass/Scss: CSS์ ํ์ ์ ์ธ ํ์ฅ 1. ์๊ฐ 1.1 Sass/Scss๋? Sass(์ค์ ์ ์ธ ํ์ผ ํ์ฅ์๋ .scss) ๋ฐ Scss(.scss์ .sass ๋ ๊ฐ์ง ํ์ฅ์ ๋ชจ๋ ์ฌ์ฉ ๊ฐ๋ฅ)๋ CSS๋ฅผ ํฅ์ํ๊ณ ๋ณด์ํ๊ธฐ ์ํ ํ์ฅ ์ธ์ด์ ๋๋ค. ๋ณ์, ์ค์ฒฉ ๊ท์น, ๋ฏน์ค์ธ ๋ฑ์ ๊ธฐ๋ฅ์ ์ ๊ณตํ์ฌ ์ฝ๋์ ์ฌ์ฌ์ฉ์ฑ์ ๋์ด๊ณ ๊ฐ๋ ์ฑ์ ๊ฐ์ ํฉ๋๋ค. 1.2 ๋ฐฐ๊ฒฝ Sass/Scss๋ CSS์ ํ๊ณ๋ฅผ ๊ทน๋ณตํ๊ธฐ ์ํด ๋ง๋ค์ด์ก์ต๋๋ค. ๊ธฐ์กด์ CSS๋ ๋ณ์, ์ค์ฒฉ, ํจ์ ๋ฑ์ ๋ถ์กฑํ ๊ธฐ๋ฅ์ผ๋ก ์ธํด ์ฝ๋์ ๋ณต์ก์ฑ์ด ์ฆ๊ฐํ๊ณ ์ ์ง๋ณด์๊ฐ ์ด๋ ค์ ์ต๋๋ค. Sass/Scss๋ ์ด๋ฌํ ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ๊ณ ์ ๊ฐ๋ฐ๋์์ต๋๋ค. 2. Sass/Scss์ ํน์ง 2.1 ๋ณ์ $primary-color: #3498db; body { backgroun.. 2024. 2. 21. ์ด์ 1 ๋ค์