반응형

HTML이 정보에 전념하기 위해서

CSS는 디자인에 효율적인 문법체계를 나타내기 위해서

HTML 안에 적혀있던 디자인의 기능이 CSS로 분화하게 됨.

 

HTML도 표준화된 기술.

CSS는 표준화된 기술. 이 기술은 위원회가 있고 장기간 논의를 통해 결정되는 거임.

 

 

어떠한 사람이 만든 문법에 의해서 작성하면 

최종적으로 CSS로 바뀌게 된다면? 기본적으로 제공하지 않는 기능을 쓸 수 있다.

그런 것을 가능하게 하는 건 preprocessing이다.

아래 3개가 많이 쓰임.

http://lesscss.org/ 

http://sass-lang.com/ 

 

http://stylus-lang.com/ 

 

이걸 다루는 이유는

1. preprocesscor 활용

2. preprocessor 기초적인 사용법 

 

preprocessor의 장점 네이스팅

 

위에 있는 코드는 아래의 코드르 변환되어짐.

 

stylus-lang 예제

아래의 전통적인 css코드는 중복된 코드가 포함되어 있음. 그래서 위의 preprocessor를 이용하면 css가 제공하지 않는 문법을 사용해서 편하게 작성할 수 있다.

 즉, 윗부분의 코드를 작성하면 아래 코드로 변환됨.

 

preprocessor는 두 가지를 가지고 있음.

1. 문법

2. 변환기 (컴파일) 

 

스타일러스 문법에 따라서 작성하면 됨. 그 변환된 걸 사용하면 됨.

 

 

반응형