[Javascript] 동기/비동기 처리와 callback

동기와 비동기를 나누는 가장 큰 차이점을 어떻게 실행 순서를 가지는 지에 있다. 아래 이미지와 같이 Syncronous 동기는 요청을 보낸 후 해당 요청의 응답을 받아야 다음 동작을 실행하는 방식을, Asynchronous 비동기는 요청을 보낸 후 응답과 관계없이 다음 동작을 실행할 수 있는 방식을 의미한다. 출처 : https://velog.io/@yejinh 아래와 같이 함수를 작성하여 호출했을 때 동기적으로 실행된다. function work() { const start = Date.now(); for (let i = 0; i < 1000000000; i++) {} const end = Date.now(); console.log(end - start + 'ms'); } work(); console.log('다음 작업'); 결과 위의 결과와 같이 함수 로직이 끝난 후에 다음 작업이라는 문구가 호출되었다. 이것을 비동기적으로 전환할 때 setTimeout을 사용하여 아래와 같이 변...

원문링크 : [Javascript] 동기/비동기 처리와 callback