'ruby on rails/Tool'에 해당되는 글 2건
- 2014.10.22 [DevKit] 1.DevKit이란?
- 2014.10.21 [Sass] sass/scss -css 작성을 편리하게
2014. 10. 22. 17:20
네이티브 c/ c++ 확장 플러그인을 RubyGem을 통해 쉽게 다운로드, 설치, 사용할 수 있게 해주는
toolkit-addon 이다.
http://rubyinstaller.org/downloads/
-> 여기서 다운 받을 수 있다.
설치 과정은 다음에 포스트..
'ruby on rails > Tool' 카테고리의 다른 글
| [Sass] sass/scss -css 작성을 편리하게 (0) | 2014.10.21 |
|---|
2014. 10. 21. 23:07
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 |
|---|
