Sass(SCSS) 란?

• CSS 전처리기(CSS Preprocessor)
• 표준CSS를 완전히 호환하는 CSS의 상위집합(Superset)
• CSS와 거의 같은 문법으로 Sass 기능을 지원
• Sass와의 차이점은 {}(중괄호)와 ;(세미콜론)의 유무

// SCSS
$font-stack:    Helvetica, sans-serif;
$primary-color: #333;

body {
  font: 100% $font-stack;
  color: $primary-color;
}

// Sass
$font-stack:    Helvetica, sans-serif
$primary-color: #333

body
  font: 100% $font-stack
  color: $primary-color

---

참고 자료(References)

• https://sass-lang.com/guide
• https://heropy.blog/2018/01/31/sass/