본문 바로가기
CSS

Sass

by 🐬마뇽뇽 마뇽🦄 2022. 8. 18.
728x90

Sass 란?

Sass는 컴파일 과정을 통해 CSS 파일을 생성해 주는 CSS의 확장 언어이자 전처리기(preprocessor)로써,
이 기능들은 코드 작성에 드는 시간을 줄여주고, 코드를 유지 관리하는 데 도움이 됩니다. Sass는 CSS의 확장 언어이고,
이는 결국 CSS 코드를 생산해내기 위해 사용하는 일종의 도구인 셈입니다. Sass가 제공하는 문법을 기반으로 코드를 작성한 다음,
이를 컴파일해 CSS 파일을 빌드하는 것이 Sass를 통해 스타일시트를 생산하는 절차입니다.


Sass를 사용하는 이유

01. 호환성: 모든 버전의 CSS와 완벽하게 호환됩니다.
02. 기능성: 다양한 기능을 제공하고, 거의 모든 면에서 뛰어납니다.
03. 안정성: 오랜 기간 적극적인 지원 아래 관리되어 왔습니다.
04. 인지도: 업계에서 인정받고 있으며, 많이 사용되고 있습니다.
05. 신뢰도: 거대 커뮤니티의 지원 아래 개발되고 있습니다.
06. 확장성: Sass 기반의 프레임워크가 다수 존재합니다.


Sass를 사용예시

Sass는 보시다 싶이 변수를 저장할 수 있어 공통된 작업을 하는 것에 도움을 받기 편리합니다.

      $color-gray: #EAEBEC;
      $easing: ease-in-out;
      body {
          display: flex;
          color : $color-gray
      }
728x90

'CSS' 카테고리의 다른 글

CSS의 단위  (4) 2022.08.23
이미지 스프라이트  (4) 2022.08.20
강아지 애니메이션  (5) 2022.08.18
미디어 쿼리  (6) 2022.08.15
CSS 기본 문법  (5) 2022.08.15

댓글


고양이 고양이
고양이 고양이
고양이 고양이