[Bundler]
1.[Bundler] 개요
Bundler 개요, parcel vs webpack
2022년 5월 4일
2.[Bundler] Parcel 사용하기(basic project)
Parcel 사용하기
2022년 5월 4일
3.[Parcel] 프로젝트 생성
"parcel plugin static files copy" 패키지를 사용하여 정적 파일 연결
2022년 5월 6일
4.[Parcel] - CSS Vendor Prefix 사용하기(with Autoprefixer)
벤더 프리픽스(vendor prefix)란, autoprefixer 패키지
2022년 5월 6일
5.[Parcel] - 바벨(Bable)
ECMAScript 2015+ 코드를 이전 JavaScript 엔진에서 실행할 수 있는 이전 버전과 호환되는 JavaScript 버전으로 변환하는 데 주로 사용되는 무료 오픈 소스 JavaScript 트랜스 파일러같은 언어로 작성된 소스 코드를 비슷한 수준의 추상화를
2022년 5월 7일
6.[Parcel] - CLI 명령어
CLI이란? 가상 터미널 또는 터미널을 통해 사용자와 컴퓨터가 상호 작용하는 방식이다. [Parcel] - CLI 명령어를 알아보자
2022년 5월 7일
7.[Webpack] - 프로젝트 생성
자바스크립트 기반의 모듈 번들러이다. 웹 어플리케이션 개발에 필요한 다양한 요소(HTML, CSS, Javascript, Images, Font, 친구 등...)들을 하나의 파일로(혹은 여러 개의 파일로) 병합 및 압축을 해주는 역할을 한다.webpack: bundle
2022년 5월 7일
8.[Webpack] - plugins
번들링 후 결과물의 처리 방식 등 다양한 플러그인들을 설정
2022년 5월 7일
9.[Webpack] - 정적 파일 연결
[Webpack] - 정적 파일 연결, favicon.ico 파일 준비한다.
2022년 5월 7일
10.[Webpack] - CSS Vendor Prefix 사용하기(with Autoprefixer)
벤더 프리픽스(vendor prefix)란, autoprefixer 패키지
2022년 5월 7일
11.[Webpack] module, SCSS
CSS를 읽어주는 외부 패키지 설치, SCSS 연결하기
2022년 5월 7일