Category: Node.js

0

(Webpack 2) 코드를 분할해보자!

들어가기에 앞서웹팩 2, 웹팩 1, 바벨, 리액트 등등에 대해서 기본적인 부분은 설명하지 않는다.또한 (Webpack 2) 트리 쉐이킹을 해보자!를 보고 나서 이 포스팅을 읽는 걸 추천한다. 코드를 왜 분할하지?SPA(Single Page Application)은 한 번에 모든 리소스를 로딩해서초기 로딩 이후에 페이지 이동이 매우 빠르다는 장점을 가지고 있

0

(Webpack 2) 트리 쉐이킹을 해보자!

들어가기에 앞서여기선 기본적으로 웹팩 1, 바벨, ES2015(ES6)을 알고 있다는 전제로 진행한다.리액트 대신에 다른 서드 파티(라이브러리/프레임워크) 가지고 테스트하면서 이 글을 봐도 된다.또한 이 글을 보고 나서 (Webpack 2) 코드를 분할해보자!도 보는 걸 추천한다. 트리 쉐이킹(Tree Shaking)??트리 쉐이킹이란 나무를 흔들어서 필요

0

(자작) perf-chk (Node.js 애플리케이션)

perf-chk (Performance Check)왜 perf-chk를 만들었나?나는 코드 실행 시간에 굉장히 관심이 많다.따라서 코드 실행 시간 측정을 위해 테스트를 종종 해보곤 한다.그럴 때 아래와 같은 코드를 사용하였다.1234567891011const iterations = 10000000;console.time("function A");for

0

(Webpack) 모듈? 번들링?

목차 들어가기에 앞서 모듈, 너는 누구니? 웹팩을 사용해보자 웹팩에게 모듈이란…? 개발용? 배포용? 부트스트랩, 폰트어썸, 제이쿼리, 이미지 모듈을 사용해보자. 홈페이지, IE8에서도 웹팩을 써보자. 마치며… 들어가기에 앞서아주 많이 참조한 링크웹팩입문자를 위한 튜토리얼 파트1 - 웹팩 입문 ! 이 포스트에서는 Node.js, npm, ES(ECM

0

(Webpack) devtool 옵션 퍼포먼스

목차 들어가기에 앞서 소스맵 devtool 마치며… 들어가기에 앞서이 포스트에서는 웹팩에 대한 기초 내용을 설명하지 않는다.웹팩을 모르는 사람은 살포시 뒤로가기를 누르는 걸 권장한다. 소스맵소스맵은 원본 소스와 난독화된 소스를 매핑해주는 방법 중 하나이다.*.map 파일을 통해 제공되고, json 형태로 돼있다.사진을 통해 한번 보자. devtool

0

(Babel) ES6를 IE8에서도 써보자

목차 들어가기에 앞서 ES6 왜 써? ES6에서 ES5로 트랜스파일하기 ES5를 IE8에서도 지원하기 바벨은 안전한가? 들어가기에 앞서아주 많이 참조한 링크지금 바로 시작하는 ES6 이 포스트에서는 Node.js, npm, ES(ECMAScript) 등등에 대해서는 설명하지 않는다.해당 내용들은 구글링을 통해 직접 찾아보길 바란다.또한 impor