👩🏫 개념 및 특징
CSS 전처리기는 전처리기의 자신만의 특별한 문법을 가지고 CSS를 생성하도록 하는 프로그램입니다. 믹스인(mixin), 중첩 셀렉터(nesting selector), 상속 셀렉터(inheritance selector) 등등.
이러한 특징은 CSS 구조를 가독성있고 더 유지보수 하기 좋게 합니다.
CSS 전처리기 모듈
- SASS
- LESS
- Stylus
- PostCSS
😃 장점
- 재사용성
- 공통 요소 또는 반복적인 항목을 변수, 함수로 대체 가능
- 시간적 비용 감소
- 임의 함수 및 내장 함수로 인한 개발 시간적 비용 절약
- 유지 관리
- CSS 코드를 여러 파일로 나눠 유지 보수성 향상
- 중첩, 상속과 같은 요소로 인해 구조화된 코드로 유지 및 관리 용이
- Learning curve 낮음
🙁 단점
-
전처리기를 위한 도구 필요
-
퍼블리셔나 디자이너가 개발에 대한 역할과 요소 접목으로 개발적인 요소 알아야 함
→ 개발자에 한해서만 Learning curve 낮음
🔗 참고
🍓웹디자이너 Berry의 기술 블로그🧡