티스토리 뷰
Gulp란 ?
- 우리의 웹프로젝트 워크 플로우의 자동화와 능률을 향상 시켜주는 툴이다.
Gulp를 도입하게 된 계기는?
- 프론트 엔드 개발은 정말 힘든 것 같다. 플러그인도 너무 많고 스파게티 소스가 너무 익숙하지 않으며 자바 빈처럼 엔터프라이즈급 프로젝트를 관리해 주는 메이븐같은 무언가가 필요할거 같았다. 그래서 찾아보다 gulp를 알게되었고 도입하게 되었다.
Gulp 시작하기 전에
- NPM이 있어야 한다. NPM이 존재한다면 npm init 으로 프로젝트를 초기화 하자(만약 없다면 구글에서 npm 설치 방법을 검색해서 설치해 보면 될 것이다)
WebDev Directory
: 웹 개발 디렉토리는 사람마다 개인의 취향인 듯하다. 나는 주로 이런 식의 디렉토리를 선호하니 참고 하기 바란다.
1 2 3 4 5 6 7 8 9 10 11 | /(root directory) |-app(source files -> build -> release) |-build |-dist |-src |-page's directory |-index.html |-node_modules |-gulpfile.js |-package.json |-README.md |-.gitignore |
gulp에 대한 임무(task)는 gulpfile.js에 명시하고 터미널에 gulp '임무 명' 으로 실행 한다.
포스팅 계획
플러그인 위주로 사용 법을 정리