Ubuntu 18.04 및 16.04 LTS에 Gulp.js를 설치하는 방법
은 개발자가 개발 중 고통스러운 워크플로를 자동화하는 데 도움이 되는 툴킷입니다. 이 튜토리얼은 Ubuntu 18.04 LTS, 16.04 LTS 및 LinuxMint 운영 체제에 Gulp를 설치하는 데 도움이 됩니다. 우선 시스템에서 해야 합니다. 다음 명령 세트를 사용하여 Ubuntu 시스템에 node.js PPA를 추가하고 설치하십시오. 시스템에 node.js 및 NPM을 성공적으로 설...
NodeJsnpmgulp2022-10 last update
4 minutes reading
데비안 10/9/8에 Gulp.js를 설치하는 방법
은 개발자가 개발 중 고통스러운 워크플로를 자동화하는 데 도움이 되는 툴킷입니다. 이 튜토리얼은 Debian 10, Debian 9 및 Debian 8 운영 체제에 Gulp를 설치하는 데 도움이 됩니다. 우선 시스템에서 해야 합니다. 다음 명령 세트를 사용하여 데비안 시스템에 node.js PPA를 추가하고 설치합니다. 시스템에 node.js 및 NPM을 성공적으로 설치했는지 확인하십시오. ...
NodeJsgulpjsgulp2022-10 last update
4 minutes reading
CentOS/RHEL 7/6에 Gulp.js를 설치하는 방법
은 개발자가 개발 중 고통스러운 워크플로를 자동화하는 데 도움이 되는 툴킷입니다. 이 튜토리얼은 CentOS 7 및 CentOS 6 운영 체제에 Gulp를 설치하는 데 도움이 될 것입니다. 우선 CentOS 시스템에서 해야 합니다. 다음 명령 세트를 사용하여 CentOS 시스템에 node.js yum 저장소를 추가하고 설치하십시오. 그런 다음 시스템에 Nodejs 패키지를 설치합니다. 시스템...
NodeJsgulpjsgulpnode2022-10 last update
4 minutes reading
Linux Mint 19/18에 Gulp.js를 설치하는 방법
은 개발자가 개발 중 고통스러운 워크플로를 자동화하는 데 도움이 되는 툴킷입니다. 이 튜토리얼은 Linux Mint 운영 체제에 Gulp를 설치하는 데 도움이 될 것입니다. 우선 시스템에서 해야 합니다. 다음 명령 세트를 사용하여 Linuxmint 시스템에 node.js PPA를 추가하고 설치하십시오. 시스템에 node.js 및 NPM을 성공적으로 설치했는지 확인하십시오. 시스템에 Node....
gulpjsnodeNodeJsnpmgulp2022-10 last update
4 minutes reading
Fedora에 Gulp.js를 설치하는 방법 31/30/29
은 개발자가 개발 중 고통스러운 워크플로를 자동화하는 데 도움이 되는 툴킷입니다. 이 튜토리얼은 Fedora 운영 체제에 Gulp를 설치하는 데 도움이 될 것입니다. 우선 시스템에서 해야 합니다. 다음 명령 세트를 사용하여 Fedora 시스템에 node.js dnf 저장소를 추가하고 설치하십시오. 그런 다음 시스템에 Nodejs 패키지를 설치합니다. 시스템에 Node.js 및 Npm을 설치한...
gulpjsnodeNodeJsnpmgulp2022-10 last update
4 minutes reading
2021년 gulp-sass를 설치하려고 망설였다
이번 완전히 신규 코딩 이슈에 종사하게 되었기 때문에, 오랜만에 1년 전까지 사용하고 있던 package.json을 잡아당기고 npm intall 했다. 3시간 조사하거나 고민했던 결과, 해결했으므로 비망록으로 남깁니다. Windows10 환경에서 npm install gulp-sass --save-dev 그러면 아래와 같이 로그가 출력되어 설치할 수 없다. 나의 PC에는 Node.js의 【...
gulp-sassNode.jsnpmgulpnode-sass2022-10 last update
7 minutes reading
MEAN.IO Documentation 해설 - 설치편(Ubuntu)
아래 문서를 참고하여 본 기사를 썼습니다. vagrant, virtual box를 이용해 로컬로 개발 환경을 구축합니다. vagrant, virtual box의 설치 순서는 생략하겠습니다. Linux(Ubuntu) 설치 Vagrantfile 편집 서버 연결 curl, git 설치 Node.js 설치 mongodb 설치 시작 패키지 관리 도구 설치 mean cli 설치 mean 프로젝트 초기화...
MEAN우분투gulpMongoDBNode.js2022-10 last update
8 minutes reading
최신 빌드 시스템 Gulp 4 입문 ~환경 구축부터 태스크 작성까지~
2018년 12월에 출시된 최신 버전 4에서는 간단한 작업 정의, 플러그인 없는 직렬 및 병렬 처리 등 편리한 기능이 추가되었습니다. 이 항목에서는 Gulp 4를 도입하는 방법과 간단한 작업 정의를 소개합니다. 프로젝트 폴더로 이동 프로젝트 초기 설정 Gulp 4를 설치합니다. 프로젝트 초기 설정 프로젝트 폴더에 설치된 Gulp 4를 사용하려면 npm Node.js v8.2에서 도입된 npx...
gulp4자바스크립트gulpNode.js2022-10 last update
5 minutes reading
gulp + decomposer: Bower를 통해 설치한 에셋을 SASS(SCSS)로 @import하는 구조를 만든다
gulp + browserify(+ debowerify)라고 하는 구성으로 Web 사이트를 만들고 있으면, SASS에도 debowerify 상당의 것이 필요해 온다. 그건 그렇고, debowerify는 라는 Javascript를, 라는 바람에, bower_components내의 패스로 해결해 주는 brawserify transform이다. 원하는 것은 이것의 SASS 버전. 「있으면 좋겠지만...
bowerSassgulp자바스크립트2022-10 last update
6 minutes reading
Gulp 설치부터 프로덕션 및 개발 환경 사용에 이르기까지
프런트 사이드의 개발로의 javascript 의 컴파일, CSS 의 압축등을 실시하는 태스크 러너. 지금까지 자신의 회사에서는 프런트 사이드 엔지니어로부터 HTML, CSS, javascript 등을 납품의 형태로 받아, 그러면 프런트 사이드와 서버 사이드 사이에 큰 벽이 생겨, 프런트 사이드와 서버 사이드가 협력하여 작업을 하게 했기 때문이다. 그 때문에 프런트 사이드의 gulp 라고 하는...
devops시gulp개발production2022-10 last update
10 minutes reading
bower를 통해 설치한 bootstrap-sass를 gulp으로 컴파일
※ 이번 내 기사는 Mac의 로컬 설치 작업에 따라 작성되었습니다. 보충: package.js가 있는 계층 구조와 동일한 계층 구조가 좋습니다. $ bower init이지만 몇 가지 질문을 듣습니다. 현재 bootstrap-sass 소스를 준비합니다. --save 옵션으로 bower.json을 추가합니다. bootstrap 계열의 sass 파일은 다음 디렉토리에 있습니다. bower_comp...
Bootstrapbootstrap-sassgulpnpmbower2022-10 last update
7 minutes reading
최초의 Gulp 입문 ~gulpfile 입문~
gulp 이번에는 "gulp-sass"라는 플러그인을 이용하여 설치에서 gulpfile을 작성하는 방법을 설명합니다. 전회의 기사가 완료하고 있는 분은, gulpfile.js라고 하는 파일(내용은 하늘)은 작성이 끝난 것이므로, 여기에 설정을 기술하면서 실제로 gulp-sass 플러그인을 이용할 수 있도록 해 갑니다 생강. ◆gulp-sass 플러그인이란? 이번에는 gulp-sass 플러그인...
scss자바스크립트gulp2022-10 last update
9 minutes reading
Gulp 초입문 최신판의 설치~Sass와 JS의 태스크 실행까지
Gulp4로 쓰는 방법이 새롭게 되었으므로 비망록 김에에 정리해 보았습니다. 설치 절차에 따라 설치합니다. 그 전에 노드가 올바르게 설치되었는지 확인하십시오. gulp-cli 설치 프로젝트 폴더 만들기 및 이동 package.json의 작성, 질문에 대해서는 모두 엔터키 눌러 가면 OK Gulp의 로컬 설치, 로컬 버전이 나오면 OK 프로젝트 폴더에 gulpfile.js 만들기 실행해 보겠습...
gulp자바스크립트Sass2022-10 last update
9 minutes reading
Gulp에서 'CSSNANO'를 사용하는 방법
cssnano를 사용하여 프런트 엔드 개발을 위한 매우 유연하고 가장 빠른 빌드 도구인 gulp js를 통해 CSS를 축소하는 방법을 공유하고 싶습니다. 먼저 Gulp가 무엇인지 정의해 보겠습니다. 공식 사이트에 따르면 Gulp는 워크플로를 자동화 및 향상하는 툴킷이며 웹 서버를 실행할 프로젝트 디렉토리 주변의 모든 파일을 컴파일, 축소 및 연결할 수 있게 해줍니다. 그래서 우리는 설정을 조...
webdevcssjavascriptgulp2022-10 last update
7 minutes reading
ES6으로 Gulp를 설정하는 방법
는 에서 실행되는 도구로 많은 개발 작업을 자동화하는 데 도움이 되며 느리고 반복적인 작업을 자동화하는 데 사용할 수 있습니다. Gulp는 파일을 스트림으로 읽고 해당 스트림을 다른 작업으로 파이프합니다. 이러한 작업은 코드 기반이며 소스 파일에서 프로덕션 파일을 빌드하기 위해 플러그인을 사용합니다. gulp 명령줄 설치 새 프로젝트 디렉토리를 만들고 탐색하십시오. package.json 파...
gulpbeginnerstaskrunnerjavascript2022-10 last update
5 minutes reading