Category Gulp.js
개요 루트 권한으로 사용하여 Node.js와 npm을 설치했다면 npm ERR! Error: Eacces 오류가 발생합니다. 패키지를 설치할 때마다 ‘sudo’를 사용하여 npm 명령에 접두사를 붙어야 하는 불편한 결과가 나옵니다.이러한 문제는 Node.js 웹사이트에서 제공하는 .pkg 설치 프로그램을 사용한 결과로 보입니다. 따라서, 매번 sudo npm… Continue Reading →
구문이 계속 변경이 될 수 있기 때문에 플로그인을 업데이트를 해줘야 한다. 일괄 업데이트를 해야하는데 이것이 생각보다 플로그인 방법은 생각보다 간단하다. 라이브러리 설치 npm-check-updates 설치한다. npm install -g npm-check-updates 버전 체크 npm-check-updates -u 위의 명령어로 package.json에 있는 dependency 정보를 읽어 현재… Continue Reading →
TailwindCSS 입문 TailwindCSS 초보자를 위해서 만들어졌습니다. gulp를 이용해 테일윈드를 사용법을 설명할 예정입니다. 이 내용은 @manjumjn의 gulp-with-tailwindcss를 바탕으로 번역 및 편집 되었습니다. TailwindCSS은 무엇? tailwindcss는 화면 디자인을 위한 프레임워크입니다. 사용자 맞춤 디자인을 유틸리티 우선으로 빠르게 구축하는 CSS 프레임워크 NPM 명령어 NPM… Continue Reading →
제가 새로 버전을 받고 설치하면서 버전이 3.9.1에서 4.0 이상 올라가 변화되면서 몇가지 오류가 나는 것을 발견하였습니다. 제가 알고 있는 오류를 정리하고 해결했던 방안을 공유합니다. self signed certificate in certificate chain unable to verify the first certificate task function must be… Continue Reading →
안녕하세요!제목이 상당히 기네요;; 오늘은 gulp 설치할 때 SSL(서명 인증서)때문에 설치가 안되는 분들을 위해서 공유하고자 합니다. 오랜만에 UI개발에 대해서 글을 올리네요…헤헿 오늘은 gulp.js 설치하면서 인증서때문에 안되시는 분들을 위해서 정보공유하고자 합니다. (제가 컴퓨터 변경 후 다시 gulp 설치하려고 하니깐 이런식으로 나오네요..) npm… Continue Reading →
Vue.js를 많이 사용한다는 소리를 들었지만 계속 미뤄났던 공부를 다시 조금씩 해볼까하고 보고 있는데.. gulp에서 vue를 돌리는 방법이 많이 나와있지 않은 것 같아 한참을 헤맸었다… 요즘 한국사람들도 블로그를 많이해서 설마 많이 사용하는데 있겠지 계속 검색 검색….안나옴 ㅠㅠ 그래서 구글링으로 검색을 했고… Continue Reading →
예전에 gulp html tag include를 포스팅한 적이 있다. 최근에는gulp-nunjucks-render 플로그인을 알게 되어 포스팅을 해보려고 한다. 설치하기 $ npm install –save-dev gulp-nunjucks-render task 만들기: var nunjucksRender = require('gulp-nunjucks-render'); 다음으로, Nunjuck을 쉽게 사용할 수 있는 프로젝트 구조를 만들어야 한다. 아래의 구조로 사용할… Continue Reading →
<header>, <nav>, <footer>같은 공통적으로 사용 태그나 내용을 .html파일마다 다 넣지 않아도 사용하려는(예: header.html) 한 파일을 만들어 모든 페이지에 호출하여 사용할 수 있다. gulp 플러그인 중에 gulp-html-tag-include를 사용해보려고 한다. 설치하기 npm install –save-dev gulp-html-tag-include gulpfile.js에 추가해보자. var gulp = require(‘gulp’), include… Continue Reading →
Gulp 환경에서 CSS파일에 처리 적용할 업무는 문법 검사, 코드 병합, 압축 과정으로 필요한 모듈은 gulp-csslint, gulp-concat-css, gulp-uglifycss 이다. 설치하기 npm install –save-dev gulp-csslint gulp-concat-css gulp-uglifycss 설정하기 var csslint = require(‘gulp-csslint’); var concatcss = require(‘gulp-concat-css’); var uglifycss = require(‘gulp-uglifycss’); /** *… Continue Reading →