Mong dev blog

이번 시간에는 eslint 룰 중 하나인, no-await-in-loop에 대해 알아보았다! 1. eslint룰, no-await-in-loop 1) 이 규칙은? 반복문에서 await 사용을 막는 규칙이다. 만약, 프로미스 간에 정해진 순서가 있는 경우 반복문에서 await를 쓸 수 있으나 프로미스 간에 정해진 순서가 없는 경우 반복문에서 await를 쓰는 건 성능상 좋지 않다. for (const person of people) { const response = await getPersonId(person); // ❌ } 🤔 그럼 성능을 향상시키면서, (정해진 순서가 없는)여러 프로미스을 처리하고 싶다면 어떻게 해야할까? Promise.all을 쓰자! 2) Promise.all로 처리하자! (1) Pr..

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