원래 데이터에는 없고, 서버에서 비동기 요청으로 받아온 데이터를 이용해서 원래 데이터를 정렬하고 싶어 아래처럼 적었다. 그런데 오류가 났다. const sortArray = (array, name) => { return array.sort( async (a, b) => { const x = await a.searchDetailById(a.id); const y = await b.searchDetailById(b.id); return x - y; } ); }; 이런 식으로 sort 커스텀 함수를 async 로 사용하고 싶을 때.. sort 커스텀 함수는 async 를 쓸 수 없다. 당연하다... 저러면 promise 를 반환하니 말이다. sort 에 async 를 쓰고 싶다면 아래처럼 promise.all..
async
요즘 REST API 가 굉장히 유행하고 있다. 서버와 클라이언트를 완전히 분리하고, 서버 주소로만 통신하니 역할분리가 확실하게 되더라. 이때 사용하는게 비동기 통신 라이브러리 axios 이다. axios를 사용하면서 비동기 처리에 대해 공부하게 되었는데, 이해한 내용들을 간단하게 정리해보았다. 비동기란? 비동기, 동기는 원래 통신과 관련된 용어다. 물론 통신에서의 개념을 끌고 오지는 않고... 아주 간략하게 설명하자면, 동기란 이전 작업이 끝나야 다음 작업이 실행되는 것, 순차적으로 실행되는 것이고 비동기는 이전 작업 수행 중에도 다른 작업을 수행 할 수 있게 하는 것, 작업이 순차적으로 실행되지 않는 것이다. 예시를 들자면, a 작업 -> 서버 통신 -> b 작업 -> c작업이 있을 때 서버 통신을 ..
