오늘 공부한것 & 기억하고 싶은 내용
동기/비동기
동기 : 작업이 순차적으로 실행(현재 작업이 완료될때까지 다음 작업 시작 안함)
비동기 : 작업이 완료될때까지 기다리지 않고, 다음 작업을 즉시 실행
undefined, null, undeclared
| undefined | 선언된 변수에 값이 할당되지 않은 상태 |
| null | 고의적으로 값이 없을때 넣는값 |
| undeclared | 변수가 선언되지 않아 사용할 수 없는 상태 |
Generator
- 상태를 유지하며 비동기 작업을 처리한다.
function*을 사용 실행중yield를 사용하여 값을 반환, 함수의 실행을 일시중지 할 수 있다.
function* simpleGenerator() {
yield 1;
yield 2;
}
const iterator = simpleGenerator();
console.log(iterator.next()); // { value: 1, done: false }
console.log(iterator.next()); // { value: 2, done: false }
console.log(iterator.next()); // { value: undefined, done: true }Webpack/Babel/Polyfill
Webpack : 여러개의 자바스크립트 파일, css파일, 이미지 등 하나의 파일로 묶어준다.
Bable : 자바스크립트 컴파일러(최신 자바스크립트를 구형브라우저에서 호환가능하게 변환하는 도구)
Polyfill : 최신 자바스크립트 기능을 지원하지 않는 구형 브라우저에서 해당 기능을 사용할 수 있게 해준다.
배운점 & 느낀점
평소 헷갈렸던 undefined와 null의 차이점을 명확하게 구분지어 알게 되었다.
Generator이 어떤 작업할때 써야하는지 감이 잘 안왔는데 Promise와 비슷하게 비동기 작업을 처리할때 쓰면 좋다는 점을 배웠다.
