Mong dev blog

이번 포스팅에서는 promise, async await의 차이점에 대해 알아보았다. 혹시 promise, async await을 모른다면 이 포스팅을 참고해보자! 1. js에서 비동기 처리는 왜 필요할까? js는 동기적인 언어이지만, 서버에 데이터를 요청하는 등 대기시간 긴 작업의 경우 비동기 작업을 한다. 하지만 이 때문에 발생하는 문제가 있는데, 아래 예시를 살펴보자 getAnimals()는 서버에서 동물의 데이터를 받아오는 함수이다. 그리고 우리는 getAnimals()의 응답값을 받아 출력하고 싶다. 아래와 같이 작성하면 animals()의 값이 출력될까? 답은 아니다. function printAnimals() { const animals = getAnimals(); console.log(ani..

1. js는 동기적인 언어이다? 동기적이라는 말은 작업을 순서대로 처리하는 걸 말한다. 자바스크립트는 동기적인 언어지만, 때로는 비동기적으로 처리한다. 만약 자바스크립트에 많은 양의 데이터를 요청하면, 응답을 받기위해 많이 대기를 해야한다. 이 경우에는 데이터 응답을 받기 전까지 다른 작업을 수행할 수 없는 문제가 발생한다. 그렇기 때문에 이러한 경우에는 자바스크립트는 비동기적으로 작업을 처리한다. 하지만 비동기적으로 작업을 처리하는 과정에서 문제가 발생하는데, 예시를 함께보자 getAnimals()는 서버에서 데이터를 요청하여 animals를 가져오는 메소드이다. 만약 getAnimals()를 사용해 animals데이터를 변수에 담고 출력한다면? 어떻게 될까? function printAnimals()..