CSS는 뛰어난 언어입니다. 하지만 CSS가 모든 면에서 좋을수는 없습니다. 그래서 어떤 이들은 CSS에 편리한 기능을 더한 새로운 언어를 만들고 이 언어에 따라서 작성한 코드를 어떤 프로그램으로 실행시키면 결과적으로 CSS를 만들어주는 도구들을 개발했는데요. 이런 도구를 preprocessor이라고 합니다. 여기서는 이런 도구들의 개념과 간단한 사용법을 알아봅니다.
아래는 대표적인 preprocessor들입니다.
http://lesscss.org/ (온라인 변환기)
http://sass-lang.com/
http://stylus-lang.com/ (온라인 변환기)
아래는 이런 도구들에 대해서 비교한 사이트입니다.
https://csspre.com/compile/
preprocessor란 무엇일까요?
대표적인 것은 stylus css 변환기가 있다
preprocessor는 문법이 있고 변환하는 것을 compiler라고 한다 문법과 compiler로 이루어진 것이 preprocessor
에디터의 확장 기능을 이용해 컴파일
bracket에서 stylus auto compile 설치
compress:true하면 압축이 되고 한줄로 경량화된다
명령어를 이용해서 컴파일
파일이 수정됬을 때 자동으로 실행할 수 있는 기능
stylus의 문법
모르겠다이건
웹(Web)/CSS
댓글