Sass에는 두가지 문법이 있다.
하나는 Sass 3 버전 부터 새로 생긴 문법인 Scss 이다.
CSS3를 지원하고 .scss 확장자를 사용한다.
구버전인 Sass는 대괄호와 세미콜론을 사용하지 않는 표현식을 사용한다.
Scss가 나왔지만 여전히 지원되고 있고 .sass 확장자를 사용한다.
Sass는 CSS3의 확장 정도로 볼 수 있다.
추가된 기능을 몇개 보자면
- 변수 선언,사용 가능
- nesting 규칙
- (element 안에 다른 element가 있는 것을 구분하기 쉽게 해줌)
- partial 기능
- (partial은 소량의 css 코드를 가지며 모듈화 하기에 좋다)
- (단, partial 파일은 _partial.scss 형태로 네이밍)
- import 기능
- (@import 를 사용하서 import 한다)
- (단점은 각 @import 마다 하나의 http 요청을 생성한다는 것)
- mixin 기능
- (@mixin 을 사용해서 템플릿 처럼 만들어 쓸 수 있다)
- 상속
- (@extend를 사용해서 상속과 같은 효과를 볼 수 있다)
- (같은 코드를 반복할 필요가 없음)
- 연산자
- (width : 300px / 960px * 100 이렇게 쓰면 웹 상에서는 width : 62.5%로 자동변환)
공식 사이트
'ruby on rails > Tool' 카테고리의 다른 글
| [DevKit] 1.DevKit이란? (0) | 2014.10.22 |
|---|
객체지향 프로그래밍 언어에서 포괄적으로 볼때
mixin은 다른 클래스들의 메소드들을 포함하고 있는 클래스 라고 할 수 있다.
즉, 다중 상속과 동등하다.
다만, 상속 개념과는 다르다.
루비에서는 module을 class에 include 모듈명 으로 mixin을 이용한다.
module은 객체화(인스턴스화) 되거나 상속될 수 없는데 mixin을 이용해서
module의 method를 사용할 수 있다.
이런 식으로 한개 이상의 class가 한개 이상의 module을 mixin해서 사용 가능 하다.
(다중 상속의 효과까지 볼 수 있다)
참고 링크
- http://en.wikipedia.org/wiki/Mixin#Commentary (위키-mixin)
- http://blog.saltfactory.net/209
- http://enshahar.tistory.com/41
- http://www.joinc.co.kr/modules/moniwiki/wiki.php/Site/Ruby/Tutorial02#s-2.4
'terms' 카테고리의 다른 글
| low ceremony (0) | 2014.10.23 |
|---|---|
| [Markdown] 마크다운 문법 (0) | 2014.10.22 |
| CDN - contents delivery network (0) | 2014.10.22 |
| software vs application (0) | 2014.10.19 |
| native application / 네이티브 어플리케이션 (0) | 2014.10.19 |
RubyGems 홈페이지 링크 : http://rubygems.org/
루비젬은 루비-소프트웨어-라이브러리를 관리하는 시스템이다.
이것으로 으로 패키징 된 루비코드들을 'gem' 이라고 한다.
프로젝트에 사용하고 싶은 루비 소프트웨어를
'gem'이 다운로드, 설치, 관리 할 수 있도록 도와준다.
'ruby on rails > Reference' 카테고리의 다른 글
| Ruby on Rails API (0) | 2014.10.23 |
|---|---|
| Ruby On Rails Guides (1) | 2014.10.14 |
