프론트 개발 블로그

SASS Function을 활용한 px -> rem 단위 변환 // px to rem $rem-base: 16px !default; // STRIP UNIT // 측정 단위를 제거하고 반환 @function strip-unit($num) { @return $num / ($num * 0 + 1); // 10 / 10 * 0 + 1 } // CONVERT TO REM @function convert-to-rem($value, $base-value: $rem-base) { $value: strip-unit($value) / strip-unit($base-value) * 1rem; @if($value == 0rem) { $value: 0; } @return $value; } // REM CALC // rem-c..

퍼블리싱 환경에서 Pug+SASS+Gulp 를 사용해 보일러플레이트 만들기 Pug(구 Jade) Pug 는 Node.js 및 브라우저용 JavaScript 템플릿 엔진이다. * 초기에 Jade 로 불려졌으나, 상표권 문제로 Pug 로 변경 Package $ npm install pug Syntax Option pug-lintrc.json 를 통해서 option 설정 가능 더보기 { "validateLineBreaks": "CRLF", //모든 줄 바꿈 문자는 일치해야 합니다. "disallowAttributeConcatenation": null, // Pug에는 속성 연결이 포함되어서는 안 됩니다. "disallowAttributeInterpolation": true, //Pug에는 속성 보간 연산자가 ..