동기
-
[JavaScript] Promise에서 한 걸음 더, async & awaitJavaScript 2022. 2. 15. 04:12
Promise에서 만족하지 못하는 상황에서 비동기 처리를 하기 위해 더 편리하고 유용한 키워드인 async와 await에 대해 알아보겠다. Promise에 대한 이해가 부족하다면 아래의 포스팅을 참고하길 바란다. 비동기와 Promise [JavaScript] 비동기와 Promise 비동기라는 단어 자체가 생소할 수도 있고, 몇 번 들어본 경우도 있을테지만 정확히 어떤 개념이고, 동작 흐름에 대해서설명해보라 한다면 쉽지 않았다. 이번 계기로, 비동기 처리에 대해 확실 6ro-29.tistory.com 다음의 코드를 보면 비동기 처리를 하기위해 콜백함수가 중첩적으로 구현되어 있는 걸 볼 수 있는데 이러한 방식으로 구현하게 되면 복잡성도 높아질 것이며, 소위 말해 콜백지옥에 빠지게 된다. 또한 기존 Promi..
-
[JavaScript] 비동기와 PromiseJavaScript 2022. 2. 13. 12:58
비동기라는 단어 자체가 생소할 수도 있고, 몇 번 들어본 경우도 있을테지만 정확히 어떤 개념이고, 동작 흐름에 대해서설명해보라 한다면 쉽지 않았다. 이번 계기로, 비동기 처리에 대해 확실히 짚고 넘어가려 한다. 먼저 비동기를 살펴보기 이전에 동기적인 방식은 무엇을 의미하는지 알아보겠다. 동기(synchronous) 하나의 명령어가 끝날때까지 다음 명령어가 진행되지 않다가 끝나면 순차적으로 실행되는 방식을 말한다. 아래의 코드를 보면 이해하기에 수월할 것이다. console.log(2); console.log(3); console.log(5); console.log(7); 콘솔창의 출력 결과는 2, 3, 5, 7 순서대로 출력되고 명령의 순서는 파악하기 쉽지만 작업이 끝나면 다음 작업이 수행되기에 실행 속..