본문 바로가기

gulp

(2)
[JS] gulp.spritesmith 레티나 이미지 스프라이트 자동화 (기본편) 이미지 스프라이트 진짜 귀찮은 작업이다. 아이콘 하나 업데이트 될 때마다 다시 해야하니 여간 번거로운 일이 아니다. 하지만 자동화 방법 찾는 것도 귀찮아서 미루다가 오늘 잠깐 시간이 나서 방법을 찾아봤다. 그 중에서 가장 많이 사용되고 있는 gulp.spritesmith 방법으로 진행해보았다. gulp란? gulp(걸프)는 Fractal Innovations과 깃허브 오픈 소스 커뮤니티의 오픈 소스 자바스크립트 툴킷으로, 프론트엔드 웹 개발의 스트리밍 빌드 시스템로 사용된다. Node.js와 npm 기반의 태스크 러너이며, 소형화, 연결(concatenation), 캐시 버스팅(cache busting), 유닛 테스트, 린팅, 최적화 등 웹 개발에 수반되는 시간 소모적이고 반복되는 태스크들을 자동화하기 ..
[Gulp] Gulp install, version check error (hello world 예제 오류) node.js를 이미 설치한 상태에서 간단한 gulp 예제를 실행해보려고 했다.npm install gulp --globalgulp -v gulp 설치 후 버전 확인을 하려고 하면 아래와 같은 에러가 발생했다.module.exports = (arr, ...values) = > { ^ SyntaxError: Unexpected token .at Module._compile (module.js:469:25)at Object.Module._extensions..js (module.js:474:10) (이하 스샷 참조) 뭐가 문제인지 몰라서 한 참을 삽질 했는데, 위에 로그를 보니 뭔가 노드 버전이 안 맞아서 생긴 오류 같았다. 노드 버전을 확인해 보니 v0.10.13였다. 도대체 왜 이 버전을 쓰고 있었던 거..

반응형