동기
-
비동기 함수를 동기로 다루기 callback, promise, async-awaitFrontend/Javascript 2023. 3. 14. 22:28
동기와 비동기 개념 차이 동기와 비동기 개념의 차이에 대해서는 이전에 포스팅한 적이 있다. 가볍게 정리하면 동기는 A, B, C의 호출이 순차적으로 있었을 때 A가 마무리 되고 나서야 B가 실행되고 B가 실행된 이후에야 C가 실행될 수 있다. 즉 순서가 순차적이다. 반면에 비동기함수는 A, B, C 호출이 동시에 일어난다. 특정 코드의 연산이 끝날 때 까지 코드의 실행을 멈추지 않고 다음 코드를 먼저 실행한다. A, B, C를 동시에 실행했을 때 B와 C의 결과가 먼저 발생될 수도 있다. 반면 웹개발을 하다보면 비동기 함수를 동기처럼 쓰고싶을 때가 있다. 함수를 호출하자마자 즉각적으로 실행되길 원하지만, 호출 후 데이터를 받고나서 이후의 작업이 필요할 때 주로 그러한 일들이 많았다. 주로 API를 호출하..