SCSS란 'Sassy CSS'의 약자로 '멋진 CSS'를 의미합니다. (멋쟁이~) 역할을 간단히 소개하면 CSS를 편리하게 이용하도록 도와준다고 할 수 있습니다. 가독성과 재사용성이 높고 CSS보다 표기법이 간단해 구조화된 표현이 가능합니다. CSS는 작업이 커질수록 불필요한 선택자가 많아지고 여러가지 한계가 생깁니다. 이를 해결하기 위해 개발된 게 SCSS와 SASS인데요. 여기서는 SCSS에 대해 간단히 알아보려 합니다. SCSS 사용을 위해 먼저 Extension에서 "Live Sass Compiler"를 설치해주세요. 그러면 아래쪽에 'Watch Sass'가 생성됩니다. SCSS 문서를 작성할 때는 한 번 클릭해서 상태가 'Watching...'으로 바뀌도록 설정해야 합니다. 그다음 설정의 'E..