CSS SASS SCSS

1. sass(scss)의 등장

   sass(Syntactically Awesome StyleSheet)의 약어이며 css를 편리하게 
   사용할 수 있도록 하며 가독성을 올려주고 개발의 효율을 올리기 위해 등장한
   css 전처리기 언어이다.
   
   css 전처리기(preprocessor) - css 문법과 유사하지만 선택자의 중첩이나 조건문,
   반복문, 다양한 단위의 연산 등 표준 css보다 훨씬 많은 기능을 사용할 수 있다.
   
   직접 동작시키는 것이 아닌 문법을 작성 후, css로 컴파일해서 웹으로 동작시키는 것
   일종의 css 코드를 생산하기 위해 사용되는 도구라고 보면 된다.

2. sass(scss)의 장점

   1) css보다 심플한 표기법으로 css를 구조화하여 표현할 수 있다.
    2) 가독성과 재사용성을 높여주어 유지보수가 쉬워지게 도와준다.
    3) 다른 팀원들과의 작업 시 발생할 수 있는 구문의 수준 차이를 평준화할 수 있다.
    4) css의 태생적 한계를 보완하기 위해 다음과 같은 추가 기능과 유용한 도구를 제공한다.
   
           - 변수의 사용
           - 조건문과 반복문
           - import (모듈화)
           - nesting (선택자 반복 작성 줄여주는 기능)
           - mixin (함수개념)
           - extend / inheritance (확장 / 상속)
   
    5) 선택자의 중첩을 통해 반복되는 부모요소 선택자 사용을 줄일 수 있다.
    6) 변수를 사용해서 css 속성값을 통일해서 관리할 수 있다.
    7) 프로그래밍 언어에서 사용하는 조건문, 반복문을 통해서 동적으로 css 관리가 가능하다.
    8) 상속되는 선택자를 계층적으로 명시하여 불필요한 반복적 사용을 줄일 수 있다.

3. sass(scss)의 단점

   1) 전처리기를 위한 도구 필요
    2) 컴파일 시간 요소

4. sass란?

   sass라는 이름에 두 가지 의미가 있다.
   - 코드를 css로 해석하는 역할을 하는 전처리기로써의 의미
   - 문법(구문)으로써의 의미
   
    sass 문법을 기반으로 코드를 작성하면, sass 전처리기의 도움을 받아 
    css 파일을 만들어낼 수 있으며 이 과정을 컴파일이라고 한다.
   
    sass는 들여쓰기(tap)과 줄바꿈 형식으로 작성한다.

5. scss란?

   scss는 sass의 3버전에서 등장한 언어로 불편한 점을 개선하고 
    css와 비슷한 구문을 가지고 있으며 호환성이 좋은 언어이다.
    
    전 세계적으로 scss 사용자 수, scss를 활용한 
    라이브러리 & 프레임워크 수가 sass보다 더 많다.
   
    scss는 중괄호({})와 세미콜론 형식으로 작성한다.
    

조금 더 자세한 사용법과 문법은 다음으로!