메로그

Node Nodejs 란 구글의 V8엔진으로 빌드된 자바스크립트 런타임(환경)이다. V8엔진이란 Chrome 에 Javascript 엔진으로 웹브라우저를 만드는 기반을 제공한다. Tip: Node 를 설치하면, npm 도 자동으로 설치됩니다. 설치 아래 링크로 들어가서 LTS 버전을 다운로드하여 주시면 됩니다. LTS 버전은 현재 안정화된 버전으로 기능이 사라지거나 하는 일이 없습니다. 최신 버전은 아직 개발 버전임으로, 추천하지 않습니다.. 링크: [https://nodejs.org/ko/download/] 확인 cmd 창을 열고 node -v 를 쳐서 버전이 나오면 설치가 잘 완료된 것입니다. node -v v14.17.6

gulp-javascript-obfuscator 코드가 외부로 노출되지 않도록 코드를 난독화합니다. minify, uglify 를 통해 경량화 하는 것만으로 코드의 가독성을 낮출 수는 있지만, 노력만 있다면 코드를 충분히 볼 수 있습니다. 그렇기 때문에 가독성을 더 떨어트리기 위해 gulp-javascript-obfuscator 를 사용합니다. // 설치 npm install --save gulp-javascript-obfuscator 사용방법 // 사용 return gulp.src('src/*.js') .pipe(concat('main.js')) .pipe(uglifyes()) // es6 => es5 .pipe(babel()) // 난독화 추가 .pipe(obfuscator({ compact: tru..

gulp-babel gulp에서 es6 문법을 es5로 트랜스파일링 하기 위해 사용하는 모듈이다. // gulp-babel 설치 npm install --save-dev gulp-babel 설치가 완료되면 가져다가 쓰면 된다. import babel from 'gulp-babel'; return gulp.src('src/*.js') .pipe(concat('main.js')) .pipe(uglifyes()) // es6 => es5 .pipe(babel()) 참고 // 바벨 컴파일러 코어 다운 npm install --save-dev @babel/core 만약에 오류가 나면 gulp-babel: "^7.0.0" 으로 내려보자.

gulp gulp는 node.js 기반의 task runner, 자바스크립트 자동화 빌드 시스템입니다. 자바스크립트의 코드 결과를 한 번에 받는 방식이 아닌 Stream기반의 방식으로 이벤트마다 전달받는 방식을 이용합니다. Stream을 기반으로 하고 있기 때문에 작업 속도가 빠릅니다. gulp 안에는 task들이 존재하는데, 이 task들이 pipe로 연결되어 병렬 수행을 합니다. (각 task에서 작업 수행.) install gulp gulp를 셋팅하기 전에는 기본적으로 node와 npm이 설치가 되어 있어야 한다. // Install the gulp command line utility npm install --global gulp-cli // Install the gulp package in yo..