# gulp

24개의 포스트

Gulp ???

노마드코더 Gulp 90분 마스터 강의 참고Task runnerwebpack 대용으로 쓰기도 한다고 함깔끔한 api최신의 JS 코드를 기존의 JS파일에 넣을 때도 사용즉, 여러개의 변경할 것들을 묶어서 하나의 gulp파일로 만든다. \- scss -> css , 최신

2022년 6월 10일
·
0개의 댓글

번들러

Webpack Gulp

2022년 5월 24일
·
0개의 댓글
post-thumbnail

[gulp 에러 해결] ReferenceError: primordials is not defined in node

gulp 환경을 구축하다가 만난 버전 비호환 오류 해결

2022년 4월 19일
·
0개의 댓글
post-thumbnail

Gulp 시작하기

Gulp란? nodejs와 npm 기반의 task-runner이다. Gulp 시작하기 Gulp 설치 >npm install --save-dev gulp >gulp -version gulp 설치 후 gulp version을 체크하여 설치가 완료되었는지 확인한다.

2022년 1월 3일
·
0개의 댓글

gulp 정리

gulp

2021년 11월 14일
·
0개의 댓글

[Gulp] gulp #1

버전 확인하기 (미설치거나 버전이 낮다면 설치및 업데이트를 하자)작업 폴더에 npm install를 하자 (node_modules 과 package.json 생성)npm babel preset을 설치해준다.package.json에 해당 코드를 넣어주자같은 디렉토리에 g

2021년 11월 5일
·
0개의 댓글

tailwind , gulp / Did you forget to signal async completion? 환경설정 오류

MAC으로 프로그래밍을 하는 도중 npm run css 명령어를 실행했을 때21:22:07 The following tasks did not complete: default21:22:07 Did you forget to signal async completion?라는

2021년 10월 10일
·
0개의 댓글
post-thumbnail

Webpack vs Gulp 어느 것을 사용해야 할까?

Webpack과 Gulp는 모두 Build Tool 이다. 두 Tool의 역할은 비슷하고, 어느 것을 선택할 지는 개발자의 자유이다. 그러기 위해서 두 Tool의 차이점을 알아야한다.

2021년 9월 9일
·
0개의 댓글

컴파일?번들링?(Webpack, Babel, Gulp)

우리는 프로그램을 개발할 때 일일히 CPU 명령어를 입력하지는 않는다. 작성하기 편리하고 이해하기 쉬운 프로그래밍 언어를 사용해 프로그래밍하고, 그 후에 컴파일러라는 프로그램을 이용해 작성한 코드를 CPU가 실행할 수 있는 기계어 명령어로 번역한다.컴파일러는 복잡하고

2021년 8월 25일
·
0개의 댓글

[용어] node server bundler

webpack webpack.js.org 웹팩(Webpack)은 오픈 소스 자바스크립트(JS) 모듈 번들러이다. 주로 자바스크립트(JS)를 위한 모듈 번들러이지만 호환 플러그인을 포함하는 경우 HTML, CSS, 심지어는 이미지와 같은 프론트엔드 자산들을 변환할 수 있다. 웹팩은 의존성이 있는 모듈을 취하여 해당 모듈을 대표하는 정적 자산들을 생성한다...

2021년 7월 2일
·
0개의 댓글

내가 보려고 쓰는 SCSS 문법 정리

업무 할 때 자주 쓰는 SCSS 문법 정리https://beautifytools.com/css-to-scss-converter.php (⭐⭐⭐내가 주로 쓰는 사이트)https://css2sass.herokuapp.com/https://json

2021년 5월 31일
·
0개의 댓글
post-thumbnail

Basic of Gulp

Gulp가 어떻게 webpack을 대체할 수 있는지에 대해 가볍게 알아보도록하자Gulp는 흔히 Task runner로 알려져있다여기서 Task란 예를 들어 최신 javascript를 사용한 것을 구형브라우저가 이해할 수 있도록 기존코드로 compile하는 것처럼 반복적

2021년 5월 10일
·
0개의 댓글
post-thumbnail

gulp

gulp = Task runnertask 란? 이미지를 가져와서 압축한 뒤 특정 폴더에 넣거나 가장 최신의 자바스크립트 코드를 가져와서 기존코드에 컴파일 하는 것. 컴파일 하는 과정에서 소스를 압축해줄수도 있다.전역에 gulp를 설치해준다.npm inatall gulp

2021년 5월 7일
·
0개의 댓글
post-thumbnail

[질문 | npm, gulp, tailwindcss] 초기 세팅 오류 문의

안녕하세요. 16기 이혜성입니다. 현재 셀프로 에어비엔비 클론 코딩을 프런트 겸해서 진행중이에요. 스크립트가 없다고 하네요. error lognode, npx, npm 버전 확인npm init(전부 enter눌러서 pass)그럼 자동으로 package.json파일 생성

2021년 2월 11일
·
0개의 댓글

Gulp

걸프(Gulp)란?프론트엔드 작업을 빠르게 수행할 수 있도록 도와주는 워크 플로우 자동화 도구.웹사이트 개발이 점점 복잡해지는 만큼, 프론트엔드 워크플로우 자동화 도구는 필수적이다.걸프가 할 수 있는 일은?CSS 처리모든 SCSS를 CSS로 컴파일한다. 캐쉬를 이용해

2021년 1월 28일
·
0개의 댓글
post-thumbnail

윈도우 gulp Error: listen EACCES: permission denied 0.0.0.0:3000 오류

css 템플릿 좀 다시 참고하려고 gulp 명령어를 사용하려는데 또 .. error 가 발생했다. 저번에 docker 설정해서 바뀐 줄 알았는데 아니었나보다.. ㅎr...executionpolicy set-executionpolicy unrestricted관리자 권한으

2021년 1월 19일
·
0개의 댓글

TIL2(2020.12.07)

js에서 반복적이고 자주 사용되는 작업을 자동화해주는 툴(또는 빌드 시스템)작업시간을 줄일 수 있어 생산성 향상에 큰 도움이 됨Grunt 또는 webpack과 비교됨js 라이브러리, 서드파티 앱 등을 모으고 축소/압축단위테스트(unit test) 수행less/css 컴

2020년 12월 10일
·
0개의 댓글
post-thumbnail

[FE] 취업 이후 만나게 된 것들 2.Gulp

취업을 준비할 때는 생각지 못했던, 옛날 기술들에 대해 생각을 정리해보는 글을 작성해 보기로 했습니다. 두번째는 Gulp 입니다!

2020년 11월 29일
·
0개의 댓글

[gulp] 만들면서 필요한 정보

번들링 도구를 통해 스타터를 만들 때 고민했던 부분이 하단과 같다. webpack은 처음 해보는거고 접하지도 않았어서 러닝커브가 있고, gulp는 구축 프로젝트 할 때 직접 만들지는 않고, 써봤다는 정도였다. 더불어, 참고할 파일도 있었다. 그런 부분들과 차이점이 gu

2020년 11월 13일
·
0개의 댓글

gulp란?

웹서버 운영, 설치에 사용되는 빌드툴 걸프(Gulp)는 무엇인지 알아보자. 자바스크립트에서 반복적이고 자주 사용되는 일은 자동화해주는 매우 유용한 툴로 빌드시스템이라고 불린다. 이를 사용하면 시간을 줄일 수 있고 생산성 향상에 큰 도움이 되므로 프로젝트 진행시 많이 사

2020년 10월 12일
·
0개의 댓글