Principle Javascript Collection
컬렉션 다룰때 아래와 같은 원칙으로 개발
1. ES6+ 에서 제공되는걸 우선 사용
2. 없으면 lodash [https://lodash.com/]에서 찾아서 사용
3. 그래도 없으면 직접 구현
javascript
npx
npm@5.2.0 이상을 사용하면 npx 가 기본적으로 함께 설치된다고 한다.
$ npx ng serve
npx 좋다ㅎㅎ
이제 글로벌 하게 설치하는 경우가 거의 없다.
특히 CI 구축할때 더 좋음!!
optimize bundling size
번들링 사이즈를 줄이는 방법은 크게 두가지 이다.
하나는 LazyLoading 다른 하나는 정말 사용하는 모듈만 import해서 사용하는 것이다.
Code Splitting
angular lazy module을 사용하면 module 단위로 번들링이 된다. 보통 페이지 단위로 lazy module을 설정하기
series and parallel by async / await
async / await로 비동기잡들을 순서대로 혹은 병렬로 실행 시키는 방법을 공유한다.
ts code
let delayFn = (delayTime) => new Promise((resolve) => {
console.log(delayTime);
setTimeout(() => resolve(delayTime), delayTime);
});
async function asyncMain() {
const result = [];
for (const delayTime
Iterators ES2015
Javascript Array는 iterable 하다.
let names = ["Flynn", "Hanna", "Dain"];
for(let name of names) {
console.log(name);
}
Javascript Plain Object는 iterable 하지 않다.
let post = {
title: 'Iterators ES2015',
comments: 101
};
for(let p