Gulp로 SASS를 CSS로 변환하기 들어가며앞서 gulp 라는 모듈을 불러와서 hello 라는 task를 만들어서 작업을 해보았다.이와 비슷한 방식으로 SASS파일을 CSS파일로 변환하고 계속 지켜보며 SASS가 변하는 즉시 CSS로 컴파일해주는 watch를 공부해보겠다. 1. 'gulp-ruby-sass' 모듈로 변환하기window키 + R 을 누르고 cmd 를 입력하여 command 창을 띄우고 아래 명령어를 입력하여 gulp-ruby-sass 모듈을 설치한다. npm install --save-dev gulp-ruby-sass 제대로 설치가 완료되었다면 package.json 파일에 의존성 주입이 되었을 것이다. 이제 gulpfile.js 로 돌아가서 아래 코드를 추가하자. 1var sass = require('gulp-ruby-sa.. 개발도구/Gulp 9년 전
BEM(Block Element Modifier)에 관하여 BEM ( Block Element Modifier ).header__nav--sta 위와 같은 스타일의 클래스작명규칙( naming convention )을 BEM이라 한다.각 요소의 연관성을 분명하게 볼 수 있는 것이 장점이다. 아래글은 csswizardry.com의 글을 가져온 것입니다. BEM Naming Convention123.block{}.block__element{}.block--modifier{}cs .block 은 높은단계의 구성요소를 말한다..block__element 는 .block의 자식을 나타낸다..block--modifier 는 .block의 다른 상태나 버전을 나타낸다. 좀 더 쉽게 예를 들어보자면 아래와 같다. 12345.person{}.person__hand{}.perso.. 퍼블리싱/TIP 9년 전
