[CSS] CSS 전,후 처리기란? / 비교

CSS 전,후 처리기란?

CSS 작성을 도와주는 프로그램

전처리기 : 화면에 보여주기 전에 (렌더링 전에) CSS를 변경해서, 스타일을 보여준다.

    사용자가 작성하기 쉬운 코드로 작성 => 기본 CSS로 변환 => 렌더링

후처리기 : 화면에 보여주고 나서, CSS 변경

    기본 CSS파일 작성 => 렌더링 => 외부 프로그램 사용해서 스타일 변경

 

CSS 전,후 처리기의 필요성

CSS를 작성할 때 발생하는 여러 번거로움을 줄여준다!

( ex : 중복제거, 유지보수 등등 )

 

CSS 전,후 처리기들

전처리기 : Scss, Stylus, Less

후처리기 : PostCSS