목록async (2)

rhanziy

JS - 비동기적 처리 Promise와 Promise chain 그리고 async/await

자바스크립트는 한번에 하나의 작업만 수행한다. 동기적(Synchronous)인 언어임. 이를 해결하기위한 비동기(Asynchronous) 처리방법이 있지. 1. 콜백 함수 2.Promise 3. async await 이렇게 크게 3가지 비동기 방식이 존재한다. 콜백함수는 화살표함수로 많이들 사용하고 계시졍? 잘못쓰면 콜백지옥에 빠진다는 그 것. 콜백함수 내에서 error나 success처리를 보다 간단하게 하기 위해 Promise가 탄생함! Promise는 new Promise() 로 생성할 수 있고, 세가지 상태를 갖는다. Pending(대기), Fulfilled(이행), Rejected(거부) var loading = new Promise(function (resolve, reject) { var i..
Html_css_js 2022. 12. 28. 23:04
javascript. script태그 async 와 defer의 차이점

오늘 자바스크립트 포함 방법 4가지를 배웠다!!!! 보통 사용자가 요청한 페이지를 불러올 때 순차적으로 코드가 실행된다. script 태그를 포함할때 head안에 script태그를 포함하게되면, html parsing중 중간중간 js를 다운받기 때문에 웹사이트 로딩시간이 오래 걸릴 수 있다. 많이하는 방법은 body태그 안 끝부분에 script를 포함하는 것인데, 이렇게 되면 html 분석 후 js를 다운로드한다. 그렇게되면 js를 다운받기전 사용자가 미리 페이지 컨텐츠를 볼 수 있다. -> js에 의존적인 사이트라면 사용자가 의미있는 컨텐츠를 보기위해선 js를 준비하고 실행하는 시간을 기다려야한다. 그렇다면 async 속성값을 사용하는 방법은? (async옵션은 boolean값이다. 선언만으로도 tru..
Html_css_js 2022. 1. 16. 00:33
이전 Prev 1 Next 다음