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/