async

JavaScript

JS | async 와 await

2021.12.29

promise들을 여러가지고 chaining을 할 수 있다. promise.. then.. promise.. then.. async 와 always를 사용하면 동기식으로 코드를 순서대로 작동하는 것처럼 간편하게 작성 할 수 있다. 기존에 존재하는 promise 위에 간편하게 api를 제공한다. syntatic sugar 기존에 존재하는 거 위에 기존에 존재하는 것을 감싸서 더욱 간편하게 사용할 수 있는 api를 제공하는 것을 syntatic sugar 라고 한다. class 또한 prototype을 base로 그 위에 살짝 덧붙여진 syntatic sugar이다. async & await 깔금하게 promise를 사용할 수 있는 방법 무조건 promise를 async와 await으로 대체해서 사용해야하는..

JavaScript

JS | Script option, Operator, Class and Object

2021.12.21

1. script async vs defer default script 에 option 값을 주지 않고 html 파일을 실행하게 되면 위에서 아래로 순차적으로 코드가 실행된다. 위에서부터 HTML parsing을 하다가 중간에 script 코드가 있으면 parsing을 멈추고 해당 js를 fetching 하고, fetching이 끝나면 executing 하고 그 다음 다시 parsing을 시작한다. => page를 loading 하는데 시간이 오래 걸린다. async async는 boolean 값으로 위에 그림에서처럼 선언 하는 것만으로 true로 설정되어 사용할 수 있다. HTML parsing과 js 파일을 병렬로 fetching하고, fetching이 완료되면 parsing을 멈추고 executin..

JS | async 와 await

JS | Script option, Operator, Class and Object

티스토리툴바