Scss

Scss

SCSS는 CSS 구문과 완전히 호환되도록 새로운 구문을 도입해 만든 Sass의 모든 기능을 지원하는 CSS의 상위집합이다.

장점
1. 가독성과 재사용이을 높여주어 유지 보수를 쉽개 해줍니다.
2. CSS보다 심플한 표기법으로 CSS를 구조화하여 표현이 가능하다.

Scss와 CSS의 차이점을 확인해보세요.

    // Scss
    $font-stack: Helvetica, sans-serif;
    $primary-color: #333;
    
    body {
      font: 100% $font-stack;
      color: $primary-color;
    }

    // css
    nav ul {
      margin: 0;
      padding: 0;
      list-style: none;
    }
    nav li {
      display: inline-block;
    }
    nav a {
      display: block;
      padding: 6px 12px;
      text-decoration: none;
    }