프론트 개발 블로그

퍼블리싱 환경에서 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에는 속성 보간 연산자가 ..

기본 Gulp 셋팅 #1. Check For Node, npm, and npx node, npm, npx 버전을 확인합니다. 설치가 되어 있지 않다면, 위의 해당 플랫폼과 패키지 관리자를 설치해줍니다. $ node --version $ npm --version $ npx --version #2. gulp-cli 유틸리티 설치 gulp-cli은 Gulp를 콘솔에서 편리하게 실행할 수 있게 해주는 유틸리티 도구입니다. $ npm install --global gulp-cli #3. 프로젝트 디렉토리 생성 후 해당 디렉토리로 이동 $ npx mkdirp my-project $ cd my-project #4. 프로젝트 디렉토리에 package.json 생성 $ npm init #5. gulp package 설치..