Mong dev blog

이번 시간에는 eslint 룰 중 하나인, require-atomic-updates에 대해 알아보았다! 1. eslint룰, require-atomic-updates 1) 이 규칙은? await가 레이스 컨디션을 유발할 경우, await 사용을 금지하는 규칙이다. 2) await가 레이스 컨디션을 유발하는 경우 아래 예시는 person의 age 데이터를 가져와, age의 총합을 구하는 로직이다. const PEOPLE = [{ id: 1, age: 12 }, { id: 2, age: 22 }]; let totalAge = 0; // await를 사용해 age의 총합을 구하는 함수 async function addAge(id) { totalAge += await getAge(id); // 주요하게 볼 부분..

이번 시간에는 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..