async

TIL - 20220912

오늘은 모던 JavaScript 튜토리얼에서 defer, async 스크립트에 대해 공부했다. 작성한 질문은 다음과 같다. 브라우저에서 HTML을 읽다가 스크립트를 만나면 DOM 생성을 중단하고 스크립트를 실행한다. 외부 스크립트 또한 마찬가지며 외부 스크립트를 모두 다운로드하고 난 후에야 남은 페이지를 처리할 수 있고 이러한 동작 방식은 두 가지 이슈가 일어날 수 있다. 스크립트 아래에 있는 DOM 요소에 접근할 수 없다. 페이지 상단에 용량이 큰 스크립트가 있는 경우 스크립트가 페이지를 막아버린다. 이를 해결할 수 있는 script 속성이 defer와 async이다. 브라우저에서 defer 속성이 있는 스크립트를 '백그라운드에서' 실행한다. 따라서 지연 스크립트를 하는 도중에도 HTML 파싱을 중단하..

TIL - 20220811

오늘은 모던 JavaScript 튜토리얼에서 async와 await에 대해 공부했다. 작성한 질문은 다음과 같다. async는 function 앞에 붙여줌으로써 사용할 수 있고, async를 사용하면 다음과 같은 변화가 일어난다. 함수가 promise를 반환할 수 있게 된다. await를 사용할 수 있게 된다. await는 오직 async 함수 안에서만 작동하며 자바스크립트에서 await를 만나면 프라미스가 끝날 때까지 기다린다. 결과는 프라미스가 끝나게 된 이후에 변하게 되는 것이다.