CSS 전처리기

CSS 전처리기를 사용하면

• 개발적인 측면에서 유지보수성과 동일한 스타일을 적용해야하는 대상을 보다 쉽게 관리할 수 있습니다.

 

CSS 전처리기의 장점

• 재사용성
  • 공통 요소 또는 반복적인 항목을 변수 또는 함수로 대체
• 시간적 비용 감소
  • 임의 함수 및 Built-in(내장) 함수로 인해 개발 시간적 비용 절약
• 유지 관리
  • 중첩, 상속과 같은 요소로 인해 구조화된 코드로 유지 및 관리가 용이

 

CSS 전처리기의 단점

• 브라우저는 CSS만 동작하기 때문에 전처리기는 직접 동작시킬 수가 없습니다.
  • 따라서 CSS로 컴파일 후 동작시켜야 합니다.

 

CSS 전처리기 종류

• Sass
• Less
• Stylus

 

참고

• MDN, css_preprocessor
• https://fathory.tistory.com/30
• https://kdydesign.github.io/2019/05/12/css-preprocessor/