6-1 Transform 3D & SCSS & Compass
CSS 는 언어 차원을 넘어서, Program Languages, Compile Languages 로 바뀌고 있다.
CSS 스펙도 점점 프로그래밍이 가능한 상태로 바뀌고 있는 중#
- 예전에는 변수 시스템이 없었다.
- precompiler 등장으로 변수를 사용할 수 있게 도와줬다
- 앞으로는 (혹은 이미) CSS 스펙 자체에 변수가 들어갈 것이다.
컴파일러#
- 어떤 소스를 새로운 소스로 바꿔주는 것을 모두 컴파일이라고 부를 수 있다.
- target → destination
확장 CSS 언어로 작성한 것을 CSS 로 바꿔주는 컴파일러들#
- less 트위터서 만듦
- SASS 오픈소스로 공개되어 있음
- (.scss)
- [super css] css 의 확장셋
- Compass
- sass 에서 돌아가는 라이브러리 모임
3D#
3D 를 소비하지만 생산해 본적은 거의 없을 것이다. 3D 를 구현하려면 2D 보다 더 많은 개념이 필요하다.
2D 에서도 수학적인 공식이 많이 필요하다.
- 대표적으로 이진 함수를 들 수 있다. CSS 애니매이션을 쓸 때 타이밍 함수라고 이진 함수를 쓰는데, 이것이 2차 베지어 곡선으로 되어있다.
tip
수학함수를 정확하게 알지는 못해도 그런 개념을 사용할 수 있는 정도를 사용할 수 있는것이 목표이다.