sdfsdf

1. angular는 프레임워크이고, react는 라이브러리
2. package.json 이런게 있다.
3. grunt는 자바스크립트 용 빌드 툴.. 
1. grunt cli (Command Line Interface) 설치
2. grunt 설치 
3. package.json 파일이 생긴다.
4. Gruntfiles.js에서 task 작성 
5. Grunt 플러그인 설치
6. grunt 로 실행
4. gulp 도 자바스크립트 용 빌드 툴.. 
1. gulp 전역 설치 npm install gulp -g
2. 프로젝트 루트에서 로컬 설치 npm install gulp —save-dev (gulp 관련 디펜던시들은 개발 과정까지만 필요하기 때문이다?)
3. 다른 플러그인들도 —save-dev 옵션으로 설치한다.
4. 그리고 프로젝트 루트에 gulpfile.js 생성
1. 사용할 플러그인은 var gulp = require(‘gulp’); // 이런식으로 require 해서 불러온다.
5. gulp 실행하면 스크립트가 실행되면서 task 를 수행합니다.
6. grunt와의 차이점은, gulp는 모든 과정을 한 번에 처리하는 방식(노드 스트림)이라는 것이 다르다.
7. 예) sass를 css 변환하고 aotoprefixer 실행 시
1. grunt
1. run(’sass’) // .tmp 파일에 일단 저장
2. run(‘autoprefixer’) // .tmp 에서 파일을 받아서 처리 하고 dest에 저장
2. gulp 는 source 에서 sass 한 결과를 바로 autoprefixer 의 입력으로 받고, dest에 저장
5. 이거를 메이븐 빌드 시 해줘야 하니깐 pom.xml 에서 frontend-maven-plugin 이런 플러그인은 쓰는 겁니다.