SASS

Syntactically Awesome Style Sheets의 약자,구문적으로 굉장한 스타일시트

• CSS 전처리기 중 하나
  • 대표적인 css 전처리기 로는 Sass, Less, Stylus가 있다.
• Ruby 언어를 기반으로 제작되었다.
• 자바스크립트처럼 속성 값을 변수로 선언하여, 필요한 곳에 변수를 적용할 수 있고 반복되는 코드를 한 번의 선언으로 여러 곳에 재사용할 수 있도록 해준다.

• Sass는 Sass와 Scss 두 가지 문법을 제공한다.

  • Scss는 Sass의 새로운 버전이라고 한다.
  • 문법에 조금 차이가 있다.
  • Sass보다는 Scss가 좀 더 쉽게 구조를 파악할 수 있다는 점 때문에 Scss의 인기가 늘어나고 있다.

쉽게 말해서, Scss 문법에 맞게 스타일을 작성하고 css 전처리기인 Sass로 컴파일하여 css 파일을 생성한다. 생성된 css 파일을 프로젝트에 적용하면 된다.

scss : css문법을 사용하여 sass 기능 수행