티스토리 뷰

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 '임무 명' 으로 실행 한다.


포스팅 계획

플러그인 위주로 사용 법을 정리


공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2025/01   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
글 보관함