# parcel
리액트 프로젝트 세팅하기
Node.js 개발 환경 세팅TypeScriptESLintReactJestParcelReact Routerstyled-componentsstyled-resetusehooks-tsusestore-tsAxiostsyringereflect-metadatajest-domMSW

[번들러] Webpack 과 Parcel 그리고..next?
자바스크립트 환경에서 개발을 하다보면 필연적으로 수없이 많은 모듈화된 파일들을 마주하게 된다.js, css, scss 등과 같은 개발 관련 파일들과 jpeg와 같은 소스 파일 등 수많은 파일들이 혼재해 있는 여러 모듈들을 하나하나 메인 output이 될 index.ht

30개의 프로젝트로 배우는 프론트엔드 with VanillaJS (7-4) 그림판
그림판을 웹에서 만들어봅니다 (4) 네비게이션 개선, 실행취소, 초기화, 다운로드

30개의 프로젝트로 배우는 프론트엔드 with VanillaJS (7-3) 그림판
그림판을 웹에서 만들어봅니다 (3) 지우개 기능 & 내비게이터 기능

[parcel] Failed to resolve에러 해결 (typescript)
코드에서는 에러가 잡히지 않는데 브라우저에서 렌더링이 되지않고 오류가 났다.eslint에서도 그랬고 여러 라이브러리에서 resolver관련 에러가 발생하는 걸 보니 자주 사용되는 단어인 것 같아서 찾아봤다.딱 한국어로 이거다! 라곤 안나오는데,만나본 오류도 그렇고 구글
Parcel 설치 오류 해결
리액트를 다루는 기술 실습 중 parcel을 이용한 실습 예제를 하다가 parcel 설치가 잘 안되었다설치까지 다 되었는데 $ parcel index.html 명령어를 쳤을 때 bash: parcel: command not found 에러가 떳다. 해서 환경 변수 문제

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 패키지