# parcel

parcel
npm init -y\`npm i -D parcel-bundler\`npm run devhttp://localhost:1234https://www.icoconverter.com/파일선택 ⇒ Sizes(32 pixels) ⇒ Bit depth(32 bi

[Web] 번들러(Bundler)의 개념과 필요성
프론트 개발을 위해서 이것저것 검색하다보면 웹팩, 번들러, 모듈, 빌드타임, 런타임 등등의 용어를 자주 마주치곤 했습니다. 이전에는 뭔가 나와는 상관없게 느껴지고 대수롭지 않게 읽고 지나갔는데, 최근 토스 개발자 컨퍼런스 유튜브 영상과 자료를 보면서 나와 "상당히" 밀

Bundler(NPX, Degit)
Bundler(NPX, Degit) - parcel, webpack 템플릿을 터미널을 이용해서 더 쉽게 다운받는 방법
번들러) Parcel 세팅하기 ⚒
웹에서 직접적으로 동작하지 않는 다양한 기능들을 변환해주기 위해 번들러를 사용.외부의 패키지의 도움을 받아 변환하는 것은 번들러에게 위임.구성이 없는 단순한 자동 번들링으로 소/중형 프로젝트에 적합하다.package.json파일 생성개발의존성 패키지로 parcel bu

Bundler
구성 없는 단순한 자동 번들링소/중형 프로젝트에 적합Parcel GitHub매우 꼼꼼한 구성중/대형 프로젝트에 적합Webpack GitHubgit clone과 다르게 commit 내용을 초기화하고 copy할 수 있다.

[Parcel] - CLI 명령어
CLI이란? 가상 터미널 또는 터미널을 통해 사용자와 컴퓨터가 상호 작용하는 방식이다. [Parcel] - CLI 명령어를 알아보자

[Parcel] - 바벨(Bable)
ECMAScript 2015+ 코드를 이전 JavaScript 엔진에서 실행할 수 있는 이전 버전과 호환되는 JavaScript 버전으로 변환하는 데 주로 사용되는 무료 오픈 소스 JavaScript 트랜스 파일러같은 언어로 작성된 소스 코드를 비슷한 수준의 추상화를

[Parcel] - CSS Vendor Prefix 사용하기(with Autoprefixer)
벤더 프리픽스(vendor prefix)란, autoprefixer 패키지

Parcel-Bundler :)
구성 없는 단순한 자동 번들링소/중형 프로젝트에 적합사용하는 파일들을 직접적으로 dist폴더로 삽입하는 것은 위험함. 그래서 dist폴더로 자동으로 넣어주는 패키지의 도움을 받음.: staticFiles옵션을 추가해 parcel-bundler가 복사해서 dist폴더로
4월 18일 (월) Parcel
Parcel 쉽고 빠르고 강력한 웹/앱 번들러 > #### 번들러란 ? 번들러란 많은 파일들이 생기는 프로젝트에서 여러 파일들을 하나의 파일로 묶어주어 네트워크의 응답속도도 빠르게 도와주며 파일간의 병목현상을 없애주고 유지보수를 올려주는 역할을 한다 Parcel 공식홈페이지

Parcel로 바닐라 자바스크립트 시작하기
Parcel은 yarn이 설치되어 있는 상태에서 진행하겠습니다. 1. Parcel 설치 2. 1번에서 생성한 작업 디렉터리에 index.html 파일 생성 3. 1번에서 생성한 작업 디렉터리에 index.js 파일 생성 4. 해당 디렉터리에서 명령어 실행을 통해 확인

[KDT]FCFE - 7주2일 Bundler
: 외부 패키지 연결하기 위한 설정.: 구성이 없는 단순한 자동 번들링소/중형 프로젝트에 적합자동으로 dist에 필요한 파일을 copy 하여 넣어주는 패키지 사용!npm install -D parcel-plugin-static-files-copypackage.json에