Sass(SCSS)

김성훈·2021년 5월 11일
0

Sass

목록 보기
1/2
post-thumbnail

Sass(SCSS)란?

CSS를 더 편리하게 작성하기 위한 CSS전처리기(preprocessor)

  • 프로젝트의 규모가 클수록 CSS 작업이 복잡해지고 고도화되기 때문에 불편해짐
  • CSS동작 전에 Sass로 CSS를 편리하게 작성하여 불편함을 줄일 수 있음
  • CSS문법과 유사하지만 표준 CSS 보다 훨씬 편리하고 많은 기능을 사용할 수 있음
  • 단, 전처리기는 웹에서 직접 동작하지 않으므로 작성한 전처리기를 웹에서 동작 가능한 표준 CSS로 컴파일(Compile)해야함

Sass와 SCSS의 차이

  • Sass의 3버전에서 SCSS가 등장했고 CSS구문과 완전히 호환되어 CSS와 거의 같은 문법으로 Sass기능을 지원
  • {}(중괄호)와 ;(세미콜론)의 유무 / Sass - 없고 , SCSS - 있고
  • Mixins 선언 및 사용 / Sass는 =로 선언 +로 사용 , SCSS는 @mixin으로 선언 @include로 사용
  • 둘 다 장단점이 존재하므로 회사나 팀에 맞춰 사용하거나 상황이나 개인 취향에 맞춰 사용
  • 일반적으로 SCSS를 추천
profile
Dev O'clock :)

0개의 댓글