CSS 전처리기란?

👩‍🏫 개념 및 특징

CSS 전처리기는 전처리기의 자신만의 특별한 문법을 가지고 CSS를 생성하도록 하는 프로그램입니다. 믹스인(mixin), 중첩 셀렉터(nesting selector), 상속 셀렉터(inheritance selector) 등등.
이러한 특징은 CSS 구조를 가독성있고 유지보수하기 좋게 합니다.

CSS 전처리기 모듈

• SASS
• LESS
• Stylus
• PostCSS

😃 장점

1. 재사용성
   • 공통 요소 또는 반복적인 항목을 변수, 함수로 대체 가능
2. 시간적 비용 감소
   • 임의 함수 및 내장 함수로 인한 개발 시간적 비용 절약
3. 유지 관리
   • CSS 코드를 여러 파일로 나눠 유지 보수성 향상
   • 중첩, 상속과 같은 요소로 인해 구조화된 코드로 유지 및 관리 용이
4. Learning curve 낮음

🙁 단점

1. 전처리기를 위한 도구 필요

2. 퍼블리셔나 디자이너가 개발에 대한 역할과 요소 접목으로 개발적인 요소 알아야 함

   → 개발자에 한해서만 Learning curve 낮음

🔗 참고

• MDN - CSS전처리기

• CSS 전처리기란?