[ES6] Babel, Webpack, Sass
Babel과 Webpack을 이용한 ES6 환경 구축 ①
https://poiemaweb.com/es6-babel-webpack-1
Babel | PoiemaWeb
현재 브라우저는 ES6를 완전하게 지원하지 않는다. ES6+(ES6 이상의 버전)를 사용하여 프로젝트를 진행하려면 ES6+로 작성된 코드를 IE를 포함한 모든 브라우저에서 문제 없이 동작시키기 위한 개발 환경을 구축하는 것이 필요하다. 특히 모듈의 경우, 모듈 로더가 필요하다. 트랜스파일러(Transpiler) [Babel](https://babeljs.io/)과 모듈 번들러(Module bundler) [Webpack](https://webpack.js
poiemaweb.com
Babel과 Webpack을 이용한 ES6 환경 구축 ②
https://poiemaweb.com/es6-babel-webpack-2
Webpack | PoiemaWeb
앞에서 테스트해 본 바와 같이 ES6 모듈을 현재의 브라우저에서 사용하려면 [RequireJS](http://requirejs.org/) 또는 [SystemJS](https://github.com/systemjs/systemjs)와 같은 모듈 로더가 필요하다. [Webpack](https://webpack.js.org/)은 의존 관계에 있는 모듈들을 하나의 자바스크립트 파일로 번들링하는 모듈 번들러이다. Webpack을 사용하면 의존 모듈이 하나의 파일로
poiemaweb.com
Sass의 소개, 설치와 간단한 명령어 사용법
https://poiemaweb.com/sass-basics
Sass - Basics | PoiemaWeb
Sass(Syntactically Awesome StyleSheets)는 CSS pre-processor로서 CSS의 한계와 단점을 보완하여 보다 가독성이 높고 코드의 재사용에 유리한 CSS를 생성하기 위한 CSS의 확장(extension)이다. CSS의 간결한 문법은 배우기 쉬우며 명확하여 프로젝트 초기에는 문제가 없이 보이지만 프로젝트의 규모가 커지고 수정이 빈번히 발생함에 따라 쉽게 지저분해지고 유지보수도 어려워지는 단점도 가지고 있다. 이러한 CS
poiemaweb.com
'Reference' 카테고리의 다른 글
| [CSS] (0) | 2019.04.26 |
|---|---|
| [AWS] AWS 아키 자격증 (0) | 2019.04.25 |
| [AWS] Lamda@edge 를 이용한 이미지 리사이징 (0) | 2019.04.21 |
| [docker] Docker for Mac (0) | 2019.04.21 |
| [AWS] scp (0) | 2019.04.21 |
