일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- npm
- 정적웹사이트
- 자바스크립트
- SSR
- Eclipse
- Study
- 보일러플레이트
- React
- css
- ref
- VW
- 1분코딩
- 이클립스
- java
- tomcat
- gulp
- Eclipse Compare View
- animation
- Sass
- 이클립스 소스 비교 안보일 때
- error
- Adobe
- html
- Eclipse Bug
- ref전달하기
- JavaScript
- TaskRunner
- CSS3
- next.js
- frontend
- Today
- Total
목록frontend (2)
프론트 개발 블로그
Gulp 셋팅 다시 함. 이전 버전은 https://maybe-b50.tistory.com/26 파일 구조 dist node_modules src html index.html html_eng img sprite del.jpeg inc bottom.html footer.html header.html js ui.js lib scss component _base.scss _mixin.scss _var.scss vendor _sprite.scss style.scss .gitignore babel.config.js gulpfile.bable.js package-lock.json package.json README.md gulpfile.bable.js // gulpfile.bable.js const { series..

기본 Gulp 셋팅 #1. Check For Node, npm, and npx node, npm, npx 버전을 확인합니다. 설치가 되어 있지 않다면, 위의 해당 플랫폼과 패키지 관리자를 설치해줍니다. $ node --version $ npm --version $ npx --version #2. gulp-cli 유틸리티 설치 gulp-cli은 Gulp를 콘솔에서 편리하게 실행할 수 있게 해주는 유틸리티 도구입니다. $ npm install --global gulp-cli #3. 프로젝트 디렉토리 생성 후 해당 디렉토리로 이동 $ npx mkdirp my-project $ cd my-project #4. 프로젝트 디렉토리에 package.json 생성 $ npm init #5. gulp package 설치..