728x90 반응형 scss2 NPM에서 SASS(scss) 파일을 CSS로 컴파일(node-sass) NPM에서 SASS(scss) 파일을 CSS로 컴파일(node-sass) SASS 파일을 CSS 로 컴파일 하는 방법 중 Ruby를 사용하는 방법과 NPM을 사용하는 방법이 있는거 같다. 둘다 SASS 컴파일러를 다운받기 위한 방법인거 같다. GitHub에서 오픈 소스를 받아서 사용하려고 했지만 css 파일을 원했는데 sass 란 파일이 있어서 당황스러웠다. sass 파일부터 무엇인지 조사를 하게 되었고 css 파일로 컴파일이 가능한 언어인것을 알게 되었다. sass 파일을 css 컴파일 하는 방법을 조사하니 Ruby 라는 것과 NPM 이라는 것이 나왔는데.... 뭔가 계속 새로운 것을 배우고 있다. Ruby를 사용해서 컴파일 하는 방법은 관련글을 작성했고 이번에는 NPM 에서 관련 모듈을 다운받아 컴파.. 2017. 5. 28. Ruby를 이용한 SASS 설치 (SCSS to CSS 변환) SASS는 CSS 속성(margin, padding, color등등)의 '값'을 자바스크립트의 변수 처럼 활용한다. 변수처럼 활용한다는 것은 반복적인 작업을 간소화 시켜준다는 점이다. 예를 들어 다음과 같이 똑같은 스타일이 다른 영역에 반복적으로 사용된다면... .btn{ margin-left: 10px; color: #ffddff; position: relative; } .list{ margin-left: 10px; color: #ffddff; position: relative; } .box{ margin-left: 10px; color: #ffddff; position: relative; } 다음과 같이 사용하면 작업이 간소화 될것이다. @mixin 변수명{ margin-left: 10px; colo.. 2017. 5. 28. 이전 1 다음 728x90