본문 바로가기

async await 사용법1

자바스크립트 비동기 처리 / Promise / async / await / fetch 비동기 처리 구조 자바스크립트는 원래 싱글 스레드 기반 언어이며 동기적으로 실행된다. 호출 스택(Call Stack)이 하나여서 스택 내에 쌓인 작업을 순서대로 처리한다. 하지만, 시간이 오래 걸리는 코드가 있으면 그 작업이 끝나고 콜백할 때까지 기다렸다가 다음 작업을 처리하게 된다. 그 시간 동안은 대기해야 하므로 비동기적으로 처리하는 방법이 필요하다. setTimeout() 으로 일정 시간 동안 작업을 지연시키는 예시이다. 이 예제를 실행하면 3초 뒤에 '3초 지연!'이라는 문구를 찍는다. setTimeout(function() { console.log('3초 지연!'); }, 3000); 지금은 3초짜리 코드이지만, 서버에서 대량의 데이터를 받아오는 등의 처리가 필요할 때는 더 시간이 길어지게 된다.. 2022. 4. 20.

이전 1 다음

티스토리툴바