# bundler

30개의 포스트
post-thumbnail

Webpack

Webpack에 대해 알아보자

4일 전
·
0개의 댓글
post-thumbnail

20210914 TIL

bundler는 연관된 파일들을 하나로 묶어주는 도구를 말한다.사용하는 이유는 여러가지 있겠지만, 일반적인 이유는 요청할 resource를 줄여줌으로서 network cost를 줄일 수 있다는 이점때문일 것이다.이에 반해, 성능 최적화를 위한 전략으로 code spli

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

[Bundler] Parcel 설정법

Parcel

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

[Bundler] Webpack Netlify 배포 | Npx | Degit

1. Webpack Netlify 배포 2. Npx, Degit

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

[Bundler] Webpack 프로젝트 실습

1. webpack 설치 2. entry, output 3. plugins 4. 정적 파일 연결 5. module 6. SCSS 7. AutoPrefixer 8. Babel

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

[Bundler] CLI로 Parcel 적용해보기

ParcelParcel🖥 커맨드 라인 인터페이스(CLI)커맨드 라인 인터페이스(CLI)필요에 따라 옵션을 선택해서 사용하기!!

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

[Bundler] 개요와 Babel

ParcelWebpackRollupweb에서 동작할 수 있도록 변환해주는 역할 HTML, CSS, JS외부의 패키지의 도움을 받아서 변환(수동의 작업을 대신 해줌)Parcel구성없는 단순한 자동 번들링소/중형 프로젝트에 적합

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

웹팩? webpack? 그게뭔데?

위 내용과 같이 웹팩(webpack) 이란 묶어주는 도구 즉 번들러이다.생각해보면 우리는 개발을 할 경우 많은 html, js, css, jpg..등등 여러 파일을 생성하며 분리하면서 개발을 한다.그 상태로 그냥 배포가 되어 진다면?????오우쉣\~\~~ 사용자들은 수

2021년 8월 29일
·
2개의 댓글
post-thumbnail

웹팩 모듈 번들러

개발하는 앱의 크기가 커지면 파일을 여러 개로 분리해야 한다. 이때 분리된 파일 각각을 모듈이라고 부르는데, 모듈은 대개 클래스 하나 혹은 특정한 목적을 가진 복수의 함수로 구성된 라이브러리 하나로 구성된다. 모듈은 단지 하나의 파일에 불과하다. 스크립트 하나는 하나의

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

[Bundler] Webpack

매우 꼼꼼한 구성중/대형 프로젝트에 적합설치package.jsonwebpack.config.js설치webpack.config.js설치webpack.config.js설치main.jswebpack.config.js설치main.jswebpack.config.js자동으로 공급

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

[Bundler] Parcel

구성 없는 단순한 자동 번들링소/중형 프로젝트에 적합설치package.json설치package.json자동으로 공급 업체 접두사(Vender Prefix)가 붙은 속성을 만들어줌설치package.json.postcssrc.jsNodeJS에서는 ESM(import,exp

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

[Bundler] 번들러란?

알아서 되던 그것에 대해

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

번들러

import 구문을 통해 리액트를 불러와서 사용할 수 있

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

[용어] node server bundler

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

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

[Bundler] NPX, Degit

parcel, webpack을 통해 만든 템플릿을 터미널을 통해 손쉽게 다운로드하는 방법에 대해 살펴봅시다.

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

[Webpack] 정적 파일 연결

webpack 번들러를 통해 정적 파일 연결을 진행해봅니다.

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

[Webpack] 프로젝트 생성

webpack-bundler에 대해 잘 학습할 수 있도록 하기 위해 실제로 프로젝트를 생성해줍니다.

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

[Parcel] Babel

Parcel bundler를 통해 컴파일러의 하나인 Babel을 설치하는 방법에 대해 살펴봅시다.

2021년 4월 21일
·
1개의 댓글
post-thumbnail

[Parcel] autoprefixer

공급업체 접두사를 자동으로 진행해주는 패키지인 autoprefixer를 설치하고 설정해봅시다.

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

[Parcel] 정적 파일 연결

본인이 프로젝트에 연결되었으면 하는 파일을 개발 서버를 열거나 제품화 시킬 때, 직접 웹페이지에 연결되는 dist 폴더로 자동으로 넣어줄 수 있는 패키지에 대해 배워봅시다.

2021년 4월 21일
·
0개의 댓글