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

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

[gulp 에러 해결] ReferenceError: primordials is not defined in node
gulp 환경을 구축하다가 만난 버전 비호환 오류 해결

Gulp 시작하기
Gulp란? nodejs와 npm 기반의 task-runner이다. Gulp 시작하기 Gulp 설치 >npm install --save-dev gulp >gulp -version gulp 설치 후 gulp version을 체크하여 설치가 완료되었는지 확인한다.
[Gulp] gulp #1
버전 확인하기 (미설치거나 버전이 낮다면 설치및 업데이트를 하자)작업 폴더에 npm install를 하자 (node_modules 과 package.json 생성)npm babel preset을 설치해준다.package.json에 해당 코드를 넣어주자같은 디렉토리에 g
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?라는
Webpack vs Gulp 어느 것을 사용해야 할까?
Webpack과 Gulp는 모두 Build Tool 이다. 두 Tool의 역할은 비슷하고, 어느 것을 선택할 지는 개발자의 자유이다. 그러기 위해서 두 Tool의 차이점을 알아야한다.
컴파일?번들링?(Webpack, Babel, Gulp)
우리는 프로그램을 개발할 때 일일히 CPU 명령어를 입력하지는 않는다. 작성하기 편리하고 이해하기 쉬운 프로그래밍 언어를 사용해 프로그래밍하고, 그 후에 컴파일러라는 프로그램을 이용해 작성한 코드를 CPU가 실행할 수 있는 기계어 명령어로 번역한다.컴파일러는 복잡하고
[용어] node server bundler
webpack webpack.js.org 웹팩(Webpack)은 오픈 소스 자바스크립트(JS) 모듈 번들러이다. 주로 자바스크립트(JS)를 위한 모듈 번들러이지만 호환 플러그인을 포함하는 경우 HTML, CSS, 심지어는 이미지와 같은 프론트엔드 자산들을 변환할 수 있다. 웹팩은 의존성이 있는 모듈을 취하여 해당 모듈을 대표하는 정적 자산들을 생성한다...
내가 보려고 쓰는 SCSS 문법 정리
업무 할 때 자주 쓰는 SCSS 문법 정리https://beautifytools.com/css-to-scss-converter.php (⭐⭐⭐내가 주로 쓰는 사이트)https://css2sass.herokuapp.com/https://json

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

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

[질문 | npm, gulp, tailwindcss] 초기 세팅 오류 문의
안녕하세요. 16기 이혜성입니다. 현재 셀프로 에어비엔비 클론 코딩을 프런트 겸해서 진행중이에요. 스크립트가 없다고 하네요. error lognode, npx, npm 버전 확인npm init(전부 enter눌러서 pass)그럼 자동으로 package.json파일 생성
Gulp
걸프(Gulp)란?프론트엔드 작업을 빠르게 수행할 수 있도록 도와주는 워크 플로우 자동화 도구.웹사이트 개발이 점점 복잡해지는 만큼, 프론트엔드 워크플로우 자동화 도구는 필수적이다.걸프가 할 수 있는 일은?CSS 처리모든 SCSS를 CSS로 컴파일한다. 캐쉬를 이용해