본문 바로가기
Front-end

Sass

by 탄이. 2019. 1. 12.

Sass

  • Sass (Syntactically Awesome Style Sheets : 문법적으로 짱 멋진 스타일시트) 는 CSS pre-processor 로서, 복잡한 작업을 쉽게 할 수 있게 해주고, 코드의 재활용성을 높여줄 뿐 만 아니라, 코드의 가독성을 높여주어 유지보수를 쉽게해줍니다.

CSS pre-processor

  • CSS 를 확장하는 스크립팅 언어로서, 컴파일러를 통하여 브라우저에서 사용 할 수 있는 일반 CSS 문법 형태로 변환합니다

컴파일하는 방법

  1. 오리지널 Ruby Sass 사용하기

    • gem install sass 로 설치하고, sass style.scss style.css 로 컴파일한다.

  2. GUI 앱 사용하기

  3. libsass 사용하기

    • 이는 C언어로 작성된 매우 빠른 Sass compiler 입니다. 많은 환경에서 사용될 수 있습니다.


댓글