# gulp

30개의 포스트

번들러

storybook web components 6.x 테스트 중 메모storybook web compoentns webpack5 설치// webpack5 설치 후 lit-element 오류로 lit-elemnet 대신 lit 설치다양한 모듈들을 하나의 js 파일로 만들어

2023년 2월 26일
·
0개의 댓글
·
post-thumbnail

[문제 해결] gulp-ts-alias 버그 처리

하,, 별칭 설정 어렵네

2023년 1월 17일
·
0개의 댓글
·
post-thumbnail

Gulp로 백엔드 개발환경 구축하기 (Feat. Express.js, Typescript)

꿀꺽으로 백엔드 개발환경을?!

2023년 1월 16일
·
0개의 댓글
·
post-thumbnail

package update

npm package name -vnpm outdatedvscode의 경우 package.json에서 패키지에 마우스 오버하면 버전을 알려줌설치된 버전과 상위 버전을 비교해서 업데이트 해주고 잘 실행되는지 확인하면 끝!

2023년 1월 10일
·
0개의 댓글
·

browser-sync

https://fresh-mint.tistory.com/entry/%EB%A1%9C%EC%BB%AC-%ED%85%8C%EC%8A%A4%ED%8A%B8-%EC%84%9C%EB%B2%84-browser-sync-gulp-sass-scss-%EC%88%98%EC%A

2022년 11월 16일
·
0개의 댓글
·
post-thumbnail

Gulp Setting & XAMPP Setting

Gulp Setting & XAMPP Setting

2022년 8월 31일
·
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개의 댓글
·